在前端开发中，我们通常会使用 AJAX 技术来与服务器进行数据交互。而对于返回的数据格式，JSON 已经成为了最流行的一种选择。而在使用 XmlHttpRequest 对象获取 JSON 数据时，我们可以使用 responseJSON 属性来得到解析后的 JSON 对象。
什么是 JSON？
JSON 是一种轻量级的数据交换格式，全称为 JavaScript Object Notation。它以键值对的形式组织数据，并使用大括号 {} 来表示对象，方括号 [] 来表示数组。由于其简洁和易读性，使得 JSON 成为了 web 应用程序中最常用的一种数据格式之一。
使用 XmlHttpRequest 获取 JSON 数据
在使用 XmlHttpRequest 对象发送 AJAX 请求时，我们需要通过 setRequestHeader 方法来设置请求头部信息。其中，Accept 头部可以设置返回数据的格式，如下所示：
-- -------------------- ---- -------
----- --- - --- -----------------
---------------------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
----- ------------ - -----------------
--------------------------
-
-
--------------- --------------- ------
------------------------------ --------------------
-----------在接收到服务器返回的数据后，我们可以通过 responseJSON 属性来直接获取解析后的 JSON 对象。不过需要注意的是，如果返回的数据不是合法的 JSON 格式，那么该属性将会返回 null。
解析 JSON 对象
一旦我们获取到了解析后的 JSON 对象，就可以通过键来访问其中的值。例如，假设我们有如下 JSON 对象：
{
"name": "张三",
"age": 18,
"gender": "男",
"hobbies": ["篮球", "游泳"]
}那么我们可以通过以下代码来访问其中的值：
console.log(responseJSON.name); // 输出：张三 console.log(responseJSON.age); // 输出：18 console.log(responseJSON.gender); // 输出：男 console.log(responseJSON.hobbies[0]); // 输出：篮球 console.log(responseJSON.hobbies[1]); // 输出：游泳
总结
在前端开发中，我们经常需要与服务器进行数据交互。而对于返回的数据格式，JSON 已经成为了最流行的一种选择。在使用 XmlHttpRequest 对象获取 JSON 数据时，我们可以通过 responseJSON 属性来直接获取解析后的 JSON 对象，从而方便地访问其中的数据。尽管如此，在实际开发中，我们还是需要注意返回数据的有效性和安全性等问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13847