How can PHP and JavaScript be effectively integrated to update a counter in a database upon user action?

To update a counter in a database upon user action using PHP and JavaScript, you can create an AJAX request in JavaScript that sends a request to a PHP script. The PHP script will then update the counter in the database based on the user action.

<?php
// Connect to database
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// Update counter in database
$sql = "UPDATE counter_table SET counter = counter + 1 WHERE id = 1";
if ($conn->query($sql) === TRUE) {
    echo "Counter updated successfully";
} else {
    echo "Error updating counter: " . $conn->error;
}

$conn->close();
?>