Can you provide an example of how to achieve the desired result using AJAX in PHP or jQuery?

Issue: Sending data from a form to a PHP script asynchronously using AJAX to update a database without refreshing the page. Example: 

// HTML form
<form id="myForm">
    <input type="text" name="data">
    <button type="submit">Submit</button>
</form>

// jQuery AJAX script
<script>
    $(document).ready(function(){
        $('#myForm').submit(function(e){
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: "process.php",
                data: $(this).serialize(),
                success: function(response){
                    alert('Data successfully submitted!');
                }
            });
        });
    });
</script>

// PHP script (process.php)
<?php
$data = $_POST['data'];

// Code to update database with $data

echo "Data successfully submitted!";
?>

Keywords

AJAX PHP jQuery example result

Related Questions