在前端开发中，Ajax 是一个非常重要的技术。不仅可以让页面局部刷新，还可以实现异步加载数据等功能。而发送 JSON 对象则是 Ajax 中使用最频繁的一种方式。
什么是 Ajax？
Ajax 全称 Asynchronous Javascript And XML，即异步 JavaScript 和 XML。它是一种利用 JavaScript 和 XML 进行数据交互的技术。通过 Ajax，网页可以异步地从服务器获取数据并更新部分页面内容，而不用刷新整个页面。
什么是 JSON？
JSON 全称 JavaScript Object Notation，即 JavaScript 对象表示法。它是一种轻量级的数据交换格式，易于阅读和编写，也易于机器解析和生成。
如何用 Ajax 发送 JSON 对象？
首先需要创建一个 XMLHttpRequest 对象：
--- --- - --- -----------------
然后设置请求方式、请求 URL 地址以及是否异步等参数：
---------------- ------------ ------ ------------------------------------ --------------------
接着将 JSON 对象转换成字符串，并发送请求：
--- ---- - - ----- ----- ---- --- ------- --- -- -------------------------------
最后，在 readyState 状态为 4（完成）且 status 状态为 200（成功）的情况下，处理响应结果：
---------------------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
--- -------- - -----------------------------
----------------------
-
-示例代码
下面是一个完整的示例，演示如何用 Ajax 发送 JSON 对象：
--------- -----
------
------
----- ----------------
----------- -- ---- ----------
-------
------
------- ----------------------
--------
--- --- - -------------------------------
----------- - ---------- -
--- --- - --- -----------------
---------------- ------------ ------
------------------------------------ --------------------
--- ---- - -
----- -----
---- ---
------- ---
--
-------------------------------
---------------------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
--- -------- - -----------------------------
----------------------
-
-
-
---------
-------
-------总结
本文介绍了 Ajax 和 JSON 的基本概念，以及如何用 Ajax 发送 JSON 对象。发送 JSON 对象在前端开发中非常常见，掌握这个技能可以让你更加高效地完成工作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10595