ajax 接受json数据

在现代Web开发中，我们不仅需要了解HTML和CSS，还需要懂得一些JavaScript和AJAX知识。其中，AJAX是一种用于在客户端与服务器端之间进行异步通信的技术。

通过AJAX，我们可以在不刷新整个页面的情况下，向服务器发送请求并接收响应，实现局部更新页面的效果。而将数据以JSON格式传输是AJAX常用的一种方式。

// 示例代码
// 假设我们有一个JSON数据如下：
{
    "name": "张三","age": 25,"job": "前端开发工程师"
}

// 在JavaScript中，我们可以使用XMLHttpRequest对象来进行AJAX请求
var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 当请求完成并且响应状态为200时，表示获取到了服务器返回的数据
        var data = JSON.parse(xhr.responseText);
        // 将JSON字符串转成对象
        console.log(data.name); // 输出：张三
        console.log(data.age); // 输出：25
        console.log(data.job); // 输出：前端开发工程师
    }
}

xhr.open('GET','http://example.com/data.json',true);
// true表示开启异步请求，默认为true，即异步请求
xhr.send();

如上代码所示，我们首先创建了一个XMLHttpRequest对象，并为其设置onreadystatechange事件，在函数中监测请求状态是否正常，当状态为4且响应状态码为200时，表示请求已成功，我们可以通过responseText属性获取到服务器返回的数据，并将其转换成JavaScript对象使用。

通过这种方式，我们可以轻松地使用AJAX接收JSON数据，并根据具体需要将其展示在页面上。