How can AJAX be utilized to improve the handling of multiple forms with different submit buttons in PHP?

When dealing with multiple forms with different submit buttons in PHP, AJAX can be utilized to handle form submissions asynchronously without having to reload the entire page. This can improve user experience by providing a more seamless and efficient way to interact with the forms. 

// HTML form with multiple submit buttons
<form id="form1">
    <input type="text" name="input1">
    <button type="submit" name="submit1" value="submit1">Submit Form 1</button>
</form>

<form id="form2">
    <input type="text" name="input2">
    <button type="submit" name="submit2" value="submit2">Submit Form 2</button>
</form>

<script>
$(document).ready(function(){
    $('form').submit(function(e){
        e.preventDefault();
        var formData = $(this).serialize();
        
        $.ajax({
            type: 'POST',
            url: 'process_form.php',
            data: formData,
            success: function(response){
                // Handle the response from the server
                console.log(response);
            }
        });
    });
});
</script>

Keywords

AJAX multiple forms submit buttons PHP handling

Related Questions