ajax如何取出后台传过来的json值

AJAX（Asynchronous JavaScript and XML）即异步 JavaScript 和 XML，是一种创建快速动态网页的技术。请求和接收数据的过程是在后台进行的，前台无需刷新页面即可更新部分内容。在很多情况下，服务器后台返回的是 JSON 格式（JavaScript Object Notation）的数据。那么如何使用 AJAX 取出后台传过来的 JSON 值呢？

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

//设置请求方式，true 表示异步传输
request.open('GET','url',true);

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

//设置回调函数
request.onreadystatechange = function() {
    // 当请求状态为 4 （请求已完成）时，且状态码为 200（请求成功）
    if (request.readyState == 4 && request.status == 200) {
        //取出后台传过来的 JSON 值（假设后台返回的 JSON 字符串为 '{"name": "张三","age": 20}'）
        var data = JSON.parse(request.responseText);
        //访问 JSON 中的属性值
        var name = data.name;
        var age = data.age;

        //在页面中显示取出的值
        document.getElementById('name').innerHTML = name;
        document.getElementById('age').innerHTML = age;
    }
}

上面的代码演示了如何使用 AJAX 取出后台传过来的 JSON 值，使用 JSON.parse() 方法将 JSON 字符串转换成 JavaScript 对象，然后访问对象中的属性值即可。