ajax加载json 数据

AJAX是一种在Web页面更新时不必刷新整个页面的技术，通过异步请求服务器并更新部分内容来改善用户体验。使用AJAX加载JSON数据的方式十分常见，推荐使用jQuery封装的$.ajax()方法来实现。

$.ajax({
    url: 'json.PHP',// 服务器端返回JSON数据的接口地址
    type: 'GET',// 请求方式为GET
    dataType: 'json',// 返回数据类型为JSON
    success: function(response) { // 成功回调函数
        var data = JSON.parse(response); // 将返回的JSON数据解析为JavaScript对象
        // 在这里可以操作JSON数据，如修改页面元素的值等
    },error: function(xhr,textStatus,errorMessage) { // 失败回调函数
        console.log(errorMessage);
    }
});

上述代码中，我们首先通过url参数指定服务器端返回JSON数据的接口地址。然后，设置type为GET，表示使用GET请求方式获取数据。并且，设置dataType为json，表示预期返回的数据类型为JSON。

当请求成功时，通过success回调函数处理JSON数据。由于返回的数据类型是字符串而不是JavaScript对象，所以我们需要使用JSON.parse()方法将其解析为JavaScript对象，以便在客户端进行处理。

如果请求失败，则会调用error回调函数。在这个函数中，我们可以获取错误信息并打印到控制台中。