ajax 获取本地的json

AJAX是一种通过JavaScript和服务器交换数据的技术，在很多Web应用中都得到了广泛的应用。我们可以通过AJAX获取本地的JSON数据，从而实现动态页面的更新。以下是获取本地JSON的示例代码：

$.ajax({
    url: "data.json",dataType: "json",success: function(data) {
        // 处理数据
    }
});

以上代码使用了jQuery库中的ajax函数，通过指定url和dataType属性，可以实现获取本地data.json文件中的JSON数据。在成功获取到数据后，可以在success回调函数中进行数据的处理，如：

$.ajax({
    url: "data.json",success: function(data) {
        var text = "";
        $.each(data,function(index,value) {
            text += "<p>" + value.name + "</p><p>" + value.age + "</p>";
        });
        $("#result").html(text);
    }
});

以上代码将获取到的JSON数据中的每个对象的name和age属性值按照指定的格式拼接成字符串，并插入到id为result的元素中。

除了使用jQuery库中的ajax函数，还可以使用原生的XMLHttpRequest对象来实现获取本地JSON数据。以下是使用XMLHttpRequest的代码示例：

var xhr = new XMLHttpRequest();
xhr.open("GET","data.json",true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var data = JSON.parse(xhr.responseText);
        // 处理数据
    }
};
xhr.send();

以上代码通过XMLHttpRequest对象发送GET请求，接收到响应后，在onreadystatechange事件中判断readyState和status属性的值是否符合预期，如果符合，则将响应的文本数据解析后进行数据处理。