如何使用 jQuery Ajax POST 和 PHP 来提交表单而不需要页面重定向？

使用 PHP 的 jQuery Ajax POST：示例

将数据从表单提交到数据库通常需要表单提交，这会导致浏览器重定向。使用 jQuery 和 Ajax，可以通过捕获表单数据并将其提交到 PHP 脚本来克服这个问题。

jQuery 代码：

jQuery 代码如下:

<form>

// Prevent form submission
$("#foo").submit(function(event){
    event.preventDefault();
    
    // Serialize form data
    var serializedData = $("#foo").serialize();
    
    // Ajax request
    $.ajax({
        url: "/form.php",
        type: "post",
        data: serializedData,
        success: function (response) {
            console.log("Request successful");
        },
        error: function (error) {
            console.error("Error:", error);
        }
    });
});

PHP脚本：

PHP 脚本（form.php）接收提交的数据：

<?php
    $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
?>

用法：

包装你的 JavaScript文档就绪处理程序中的代码：

$(document).ready(function(){
    // jQuery code
});

记住清理输入处理用户提交的数据时。

jQuery .post 的简写：

$.post('/form.php', serializedData, function(response) {
    console.log("Response:", response);
});

此方法可以与 jQuery 1.5 及更高版本一起使用。

以上是如何使用 jQuery Ajax POST 和 PHP 来提交表单而不需要页面重定向？的详细内容。更多信息请关注PHP中文网其他相关文章！