在前端开发中，我们经常需要将用户填写的表单数据通过 POST 请求发送到服务器进行处理。有时候，我们还需要在提交数据后重定向到另外一个页面。
本文将介绍如何使用 jQuery 实现 POST 数据的重定向，并提供示例代码和实用技巧。
jQuery $.post() 方法
jQuery 提供了 $.post() 方法来发送 POST 请求。该方法接受三个参数：
- url：请求的 URL 地址。
- data：要发送的数据，可以是对象或字符串。
- success：请求成功后的回调函数。
下面是一个简单的示例：
$.post("process.php", { name: "John", age: 30 })
.done(function(data) {
console.log("Data Loaded: " + data);
});上面的代码将以 POST 方式向 process.php 发送一个包含 name 和 age 两个字段的数据，然后在成功返回数据后将其打印到控制台。
POST 数据重定向
如果要在 POST 请求后重定向到另一个页面，我们可以使用 jQuery 的 $.post() 方法结合 JavaScript 的 window.location.href 属性来实现。
具体步骤如下：
- 使用
$.post()方法向服务器发送 POST 请求，并在请求成功后执行回调函数。 - 在回调函数中，使用
window.location.href属性将当前页面重定向到指定的 URL 地址。
下面是一个示例：
$.post("process.php", { name: "John", age: 30 })
.done(function(data) {
// 请求成功后重定向到另一个页面
window.location.href = "https://example.com/thank-you.html";
});上面的代码将以 POST 方式向 process.php 发送一个包含 name 和 age 两个字段的数据。如果请求成功，它将跳转到 thank-you.html 页面。
实用技巧
在实际开发中，我们可能还需要考虑以下一些情况：
- 如何处理请求失败的情况？
- 如何传递更复杂的数据（例如表单文件上传）？
- 如何使用 AJAX 预处理程序（如 CSRF 令牌）？
有关这些问题的答案超出了本文的范围。但是，下面是一些实用技巧可以帮助您更好地使用 jQuery 进行 POST 数据重定向：
- 使用 Promise 对象来处理请求成功和失败的情况。
- 如果要上传文件，请使用 FormData 对象而不是简单的 JavaScript 对象。
- 如果需要使用预处理程序，请确保在发送 POST 请求之前正确设置它们。
结论
通过结合 jQuery 的 $.post() 方法和 JavaScript 的 window.location.href 属性，我们可以方便地在 POST 请求后将用户重定向到指定的 URL 地址。在实际开发中，我们还需要注意其他一些细节，并采取相应的措施来确保安全性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13393