在前端开发中，与后端进行数据交互是必不可少的环节。其中一种常见的方式是通过发送 JSON 数据来实现。而使用 jQuery 可以大大简化这个过程。
准备工作
在开始之前，需要确保已经引入了 jQuery 库。
<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
发送 GET 请求
要发送 GET 请求并获取服务器返回的 JSON 数据，可以使用 $.getJSON() 方法。
$.getJSON('example.json', function(data) {
console.log(data);
});上面的代码会向 example.json 文件发送 GET 请求，并在获取到响应后将 JSON 数据打印到控制台上。
如果需要传递参数，则可以将参数作为 URL 的查询字符串拼接在 URL 后面：
var params = { name: '张三', age: 18 };
$.getJSON('example.json', params, function(data) {
console.log(data);
});上面的代码会将 { name: '张三', age: 18 } 对象转换为查询字符串，并拼接在 URL 后面发送请求。
发送 POST 请求
要发送 POST 请求并向服务器提交 JSON 数据，可以使用 $.ajax() 方法。
-- -------------------- ---- -------
--------
---- --------------
----- -------
------------ -------------------
----- ---------------- ----- ----- ---- -- ---
-------- -------------- -
------------------
-
---上面的代码会向 example.php 文件发送 POST 请求，并将 { name: '张三', age: 18 } 对象转换为 JSON 字符串，设置请求头的 Content-Type 为 application/json，并将 JSON 数据作为请求体发送。
总结
使用 jQuery 发送 JSON 数据非常简单。通过 $.getJSON() 方法可以方便地发送 GET 请求并获取服务器返回的 JSON 数据，而通过 $.ajax() 方法则可以发送 POST 请求并向服务器提交 JSON 数据。
值得注意的是，无论是发送 GET 请求还是发送 POST 请求，都需要设置请求的 URL 和数据格式，并在成功获取响应后进行相应的处理。
希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14120