在前端开发中，经常需要使用 AJAX 技术向服务器发送请求并接收响应。JQuery 是一款广泛使用的 JavaScript 库，其中提供了方便易用的 AJAX 接口。其中，$.post() 方法可以用来发送 POST 请求，并将数据以 JSON 格式发送给服务器。但有时候，我们会发现这个方法似乎只能发送表单格式的数据，而无法发送 JSON 格式的数据。本文将介绍如何通过修改请求头和数据格式，让 $.post() 方法能够发送 JSON 格式的数据。
问题原因
首先，我们来看看为什么 $.post() 方法默认只能发送表单格式的数据。这是因为默认情况下，该方法会将数据序列化成 URL 编码格式，并设置请求头的 Content-Type 字段为 application/x-www-form-urlencoded。这种格式适合发送表单数据，但不适合发送 JSON 数据。
解决方案
要发送 JSON 格式的数据，我们需要将请求头的 Content-Type 字段设置为 application/json，并将数据序列化成 JSON 格式。
修改请求头
可以通过在 $.ajaxSetup() 方法中设置 ajax 全局选项来修改请求头。具体地，我们需要设置 contentType 选项为 "application/json"，dataType 选项为 "json"。
$.ajaxSetup({
contentType: "application/json",
dataType: "json"
});这样，每次调用 $.post() 方法时，都会使用这个全局选项来发送请求。
序列化数据
在将数据序列化成 JSON 格式时，有两种方法可以实现。一种是手动将 JavaScript 对象转换为 JSON 字符串，另一种是使用 JQuery 的 $.param() 方法。
手动转换：
var data = { name: "John", age: 30 };
$.post(url, JSON.stringify(data), function(response) {
// 处理响应
});使用 $.param()：
var data = { name: "John", age: 30 };
$.post(url, $.param(data), function(response) {
// 处理响应
});完整示例代码
下面是一个完整的示例代码，演示如何使用 $.post() 方法发送 JSON 格式的数据。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- ---- -- ---- ------------
------- -----------------------------------------------------------
--------
------------ -
-- ------
-------------
------------ -------------------
--------- ------
---
-- ----
--- --- - ------------
--- ---- - - ----- ------- ---- -- --
----------- --------------------- ------------------ -
----------------------
---
---
---------
-------
------
-------
-------总结
通过修改请求头和数据格式，我们可以让 $.post() 方法发送 JSON 格式的数据。为了方便起见，我们可以使用 $.ajaxSetup() 方法来修改全局选项，也可以在每次调用 $.post() 方法时手动设置相应的选项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27016