ajax 使用json数据格式

AJAX（Asynchronous JavaScript and XML） 是一种在不重新加载整个页面的情况下，能够通过后台与服务器进行数据交互的技术。而在 AJAX 中，JSON（JavaScript Object Notation）数据格式在数据传输中扮演了重要的角色。

JSON 数据格式是一种轻量级的数据交换格式，常用于 Web 应用程序中与服务器进行数据交互。它的语法与 JavaScript 中对象字面量的语法非常相似。JSON 数据格式的基本结构由花括号包围的键值对组成，其 key 和 value 均必须使用双引号扩起来。

{
    "name": "Tom","age": 18,"hobby": [
        "reading","swimming"
    ]
}

在 AJAX 中，使用 JSON 数据格式可以大大减少数据传输的体积，提高性能。而通过使用 JavaScript 内置的 JSON 对象，将 JSON 字符串转化为 JavaScript 对象即可。AJAX 可以使用 XMLHttpRequest 对象获取 JSON 数据，代码如下：

var xhr = new XMLHttpRequest();
xhr.open('GET','http://example.com/data.json',true);
xhr.onload = function() {
    if (xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    } else {
        console.log('请求出错');
    }
};
xhr.onerror = function() {
    console.log('请求出错');
}
xhr.send();

在以上代码中，我们传入了一个 URL，并使用 XMLHttpRequest 对象发送了一个 GET 请求。当请求成功时，我们通过 JSON.parse() 方法将 JSON 字符串转化为 JavaScript 对象，以便在后续中对其进行操作。在请求失败时，我们可以在控制台中打印出错误信息。