Update Database from Javascript onClick By Ajax PHP

Question

Hi i want to update id row when a user click the button below please help and sorry for my bad english

index.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>

<body>

<a href="javascript:void(0)" onClick="updateId('1')">Id 1</a>
<a href="javascript:void(0)" onClick="updateId('2')">Id 2</a>
<a href="javascript:void(0)" onClick="updateId('3')">Id 3</a>

</body>
</html>

update.php

<?php 
include('database_connection.php');

$update = "UPDATE id SET id = id + 1 WHERE id = updateId";

if (mysqli_query($connect, $update)) {
    echo "Record updated successfully";
} else {
    echo "Error updating record: " . mysqli_error($connect);
}
?>

You need to look at ajax javascript calls (look at jquery for simplicity) and a way to read data in php (look at $_GET[''] or $_POST['']) — Dean Meehan
– Dean Meehan, Commented Apr 18, 2016 at 10:25
You've identified that you need to use JavaScript / Ajax, but there i no JavaScript in the question. Start by looking for an introductory Ajax tutorial. — Quentin
– Quentin, Commented Apr 18, 2016 at 10:27

Your Common Sense · Accepted Answer · 2023-11-12 06:21:54Z

2

In your index.php file

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<a href="javascript:void(0)" onClick="updateId('1')">Id 1</a>
<a href="javascript:void(0)" onClick="updateId('2')">Id 2</a>
<a href="javascript:void(0)" onClick="updateId('3')">Id 3</a>

</body>
</html>

<script>
function updateId(id)
{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
        {
            alert(xmlhttp.responseText);
        }
    };
    xmlhttp.open("GET", "update.php?id=" +id, true);
    xmlhttp.send();
}
</script>

And in your update.php

<?php 
if(!empty($_GET['id']))
{
    $id = $_GET['id'];
    include('database_connection.php');
    
    $update = "UPDATE id SET id = id + 1 WHERE id = ?";
    
    $connect->execute_query($update, [$id]);
}

edited Nov 12, 2023 at 6:21

Your Common Sense

158k42 gold badges226 silver badges373 bronze badges

answered Apr 18, 2016 at 11:38

Manjeet Barnala

2,9951 gold badge13 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Manjeet Barnala Over a year ago

@Doraemon welcome dear, glad to help you... vote my answer if it is helpful for you...

Alex Over a year ago

I have a question whenever it updates the id, it gives an alert. how can i stop this.

Manjeet Barnala Over a year ago

remove this line alert(xmlhttp.responseText); in ajax call..., this is alert for response of your ajax call..

Collectives™ on Stack Overflow

Update Database from Javascript onClick By Ajax PHP

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related