ajax获取后端json

AJAX（Asynchronous JavaScript And XML ）技术可以让前端与后端进行异步通信。在前端中通过AJAX技术获取后端返回的JSON数据，可以让我们动态的更新页面内容，提升用户体验。在以下的代码示例中，我们将演示如何使用AJAX技术获取一个后端JSON数据。

//创建AJAX请求对象
var request = new XMLHttpRequest();
//设置请求方式和请求URL
request.open("GET","/example/url",true);
//发送请求
request.send();
//处理AJAX响应
request.onreadystatechange = function() 
{
    //如果请求完成且响应成功
    if (this.readyState == 4 && this.status == 200) 
    {
        //将响应转换成JSON对象
        var responseJson = JSON.parse(this.responseText);
        //获取JSON对象中的数据
        var data = responseJson.data;
        //使用DOM操作将获取到的数据插入页面中
        var container = document.getElementById("container");
        var html = "";
        for(var i=0;i<data.length;i++)
        {
            html += "<div>"+data[i].name+"</div>";
        }
        container.innerHTML = html;
    }
};

上述代码中，首先我们创建了一个AJAX请求对象（XMLHttpRequest），然后设置请求方式和请求URL，最后发送请求。在处理AJAX响应时，我们判断响应是否成功，并将响应转换成JSON对象。接下来，我们从JSON对象中获取需要的数据，并使用DOM操作将其插入页面。需要注意的是，由于我们使用了AJAX进行请求并获取响应，因此需要进行异步处理，即在readyState=4时再进行处理。在以上代码中，我们使用了pre标签来表示代码块，并使用<和>代替，以避免代码在HTML中被解释。