ajax 访问一个json

本文将介绍如何使用Ajax访问一个JSON。

首先，我们需要准备一个JSON文件。假设我们有一个名为"example.json"的文件，里面包含如下内容：

{
    "name": "John","age": 30,"city": "New York"
}

接下来，我们要使用AJAX从该JSON文件中读取数据：

//创建一个XHR对象
var xhr = new XMLHttpRequest();
 
//以GET方式请求JSON文件
xhr.open('GET','example.json',true);
 
//当请求完成时执行
xhr.onload = function() {
    if (xhr.status === 200) {
        //将JSON解析成对象
        var obj = JSON.parse(xhr.responseText);
 
        //输出对象数据
        console.log(obj.name);
        console.log(obj.age);
        console.log(obj.city);
    }
    else {
        console.log('请求失败');
    }
};
 
//发送请求
xhr.send();

以上代码使用了XMLHttpRequest对象来请求JSON文件，然后使用JSON.parse()方法将JSON解析成对象，最后输出对象的属性值。

总结来说，通过以上代码，我们可以轻松地使用AJAX访问一个JSON文件，从而获取数据并使用它们。