使用 PHP 的 jQuery Ajax POST 示例
此示例演示如何使用 jQuery 的 Ajax 功能将表单数据发送到 PHP 脚本。
问题
使用传统方法提交表单时，浏览器重定向到指定的操作 URL。但是，我们希望捕获表单数据并将其提交给 PHP 脚本，而不会导致页面刷新。
jQuery 和 Ajax 解决方案
jQuery 的 .ajax 方法允许我们向服务器发出异步请求。以下是我们如何使用它来发送表单数据：
HTML:
<form>
jQuery:
$("#foo").submit(function(event) {
event.preventDefault();
var $form = $(this);
var serializedData = $form.serialize();
$.ajax({
url: "/form.php",
type: "post",
data: serializedData,
done: function (response, textStatus, jqXHR) {
console.log("Hooray, it worked!");
},
fail: function (jqXHR, textStatus, errorThrown) {
console.error("The following error occurred: " + textStatus, errorThrown);
},
always: function () {
// Reenable form inputs
}
});
});PHP (form.php):
// Access form data via $_POST $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
此解决方案使用 .done() 和 .fail() 回调处理程序分别处理成功和失败场景。无论请求的结果如何，都会调用 .always() 回调。
附加说明：
以上是如何使用 jQuery Ajax POST 提交表单而不刷新页面？的详细内容。更多信息请关注PHP中文网其他相关文章！
