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

使用 PHP 的 jQuery Ajax POST 示例

简介：
提交表单通常会触发浏览器重定向。本文演示如何使用 jQuery Ajax 捕获表单数据并将其发送到 PHP 脚本进行处理，而不会导致重定向。

jQuery Ajax 实现：
使用 jQuery 处理表单提交Ajax，请按照以下步骤操作：

1. 防止使用默认表单提交event.preventDefault()。
2. 使用 $form.serialize() 序列化表单数据。
3. 在 Ajax 请求挂起时禁用表单输入。
4. 使用 $.event.preventDefault()。 ajax() 方法将序列化数据发送到 PHP 脚本。
5. 定义成功的回调处理程序，失败，以及使用 request.done()、request.fail() 和 request.always() 完成。
6. Ajax 请求完成后重新启用表单输入。

PHP脚本集成：
在处理提交数据的PHP脚本中（我们的form.php示例）：

1. 使用全局变量 $_POST 访问发布的值。
2. 确保对发布的数据进行适当的清理以防止恶意代码。

附加说明：

• jQuery 1.8后来弃用了 .success()、.error() 和 .complete()。请使用 .done()、.fail() 和 .always() 代替。
• 您还可以在 JavaScript 代码中使用简写 .post() 代替 .ajax()。
• 提供的代码适用于 jQuery 1.8 及更高版本，以及 jQuery 1.5 之前的版本。

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