使用 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中文网其他相关文章!