ajax 读取 json格式数据格式

AJAX（Asynchronous JavaScript and XML）是一种通过JavaScript和XML来交换异步数据的技术。它可以在不重新加载整个页面的情况下更新部分页面内容，提高用户体验。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它基于JavaScript语法，但与之不同的是，它可以被任何语言解析和生成。在Web应用程序中，JSON已经取代了XML成为主要的数据交换格式。

//以下是一个JSON数据格式的例子
{
    "name": "张三","age": 20,"address": {
        "province": "江苏","city": "南京"
    }
}

使用AJAX读取JSON格式的数据十分方便。下面是一个简单的示例：

//创建AJAX对象
var xhr = new XMLHttpRequest();

//设置请求方法和请求地址
xhr.open("GET","data.json",true);

//设置响应头
xhr.setRequestHeader("Content-Type","application/json;charset=utf-8");

//发送请求
xhr.send();

//处理响应
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var data = JSON.parse(xhr.responseText);
        console.log(data.name);
    }
};

在上面的例子中，我们通过AJAX对象发送了一个GET请求，请求的地址是data.json。在响应中，我们将JSON格式的数据解析成了一个JavaScript对象，并输出了其中的一个属性值。

总的来说，AJAX可以方便地读取JSON格式的数据，并且可以在不刷新整个页面的情况下更新部分页面内容，从而提高用户体验。