ajax里转换json数据

Ajax是前端开发很重要的一个技术，它可以帮助我们实现无刷新加载数据，提升用户体验。其中，转换json数据是Ajax中的重要一步，以下是它的使用方法。

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 打开与服务器的连接，请求数据
xhr.open("GET","example.com/data.json",true);
// 发送请求
xhr.send();
// 监听xhr的状态变化
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 转换json数据
        var data = JSON.parse(xhr.responseText);
        // 处理响应数据
        console.log(data);
    }
}

上述代码中，我们使用了XMLHttpRequest对象通过GET方式请求example.com/data.json文件。那么，接下来我们就需要对返回的json数据进行处理，才能在页面中展示。JSON.parse()方法可以将json字符串转换成JavaScript对象。

转换方法也可以写成：

var xhr = new XMLHttpRequest();
xhr.onload = function() {
    if (xhr.status == 200) {
        var myObj = JSON.parse(this.responseText);
        document.getElementById("demo").innerHTML = myObj.name;
    }
};
xhr.open("GET","http://localhost/ajax/info.PHP",true);
xhr.send();

以上方法把数据作为对象返回，并进行展示。