ajax取json文件夹的数据

AJAX是一种使用JavaScript和XML（现在也包括JSON）创建快速动态Web应用程序的技术。其中，JSON文件作为一个轻量级的数据格式被广泛地使用。在JavaScript中，我们可以通过AJAX获取JSON数据并在网站中展示。以下是一个例子：

//创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();

//请求JSON文件夹中的数据
xhr.open('GET','/json/data.json',true);

xhr.onreadystatechange = function() {
  if(xhr.readyState === 4 && xhr.status === 200) {
    //将响应的JSON字符串转换为JavaScript对象
    var data = JSON.parse(xhr.responseText);
    
    //使用获取到的数据进行操作
    console.log(data);
  }
};

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

以上代码中，我们通过XMLHttpRequest对象（即xhr对象）向服务器请求JSON文件夹中的数据。当请求的状态改变时，我们判断xhr的readyState和status属性来确认数据是否成功获取。获取到数据后，我们使用JSON.parse()方法将JSON字符串转换为JavaScript对象，然后可以使用获取到的数据进行操作。

在实际的开发中，我们可以将以上代码封装成一个函数，方便以后的调用。这里提供一个封装好的代码：

function ajaxGetJSON(url,callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET',url,true);
  xhr.onreadystatechange = function() {
    if(xhr.readyState === 4 && xhr.status === 200) {
      var data = JSON.parse(xhr.responseText);
      callback(data);
    }
  };
  xhr.send();
}

//使用方法
ajaxGetJSON('/json/data.json',function(data) {
  console.log(data);
});

这里我们将获取JSON数据和操作数据的函数分别进行了封装，更加方便使用。