ajax返回json怎么循环 ajax返回数据

温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！

Ajax是一种用于在网页上进行异步数据交互的技术，可以实现在不刷新整个页面的情况下，通过发送HTTP请求与服务器进行数据交换。当服务器返回的数据是JSON格式时，我们可以通过Ajax来接收并循环处理这些数据。

我们需要创建一个XMLHttpRequest对象，用来发送Ajax请求。然后，我们可以使用该对象的open()方法来指定请求的类型、URL和是否异步。在这个例子中，我们将使用GET请求从服务器获取JSON数据。


var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.send();

接下来，我们需要监听XMLHttpRequest对象的onreadystatechange事件，以便在服务器响应返回时执行相应的操作。当readyState属性的值为4时，表示服务器响应已经完成，我们可以通过status属性来判断请求的状态是否成功。当status的值为200时，表示请求成功。


xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 在这里处理返回的JSON数据
  }
};

在处理返回的JSON数据之前，我们需要使用JSON.parse()方法将JSON字符串转换为JavaScript对象。然后，我们可以通过循环遍历对象的属性和值，来处理每个数据项。


xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    for (var key in data) {
      if (data.hasOwnProperty(key)) {
        var value = data[key];
        // 在这里处理每个数据项
      }
    }
  }
};

在循环处理每个数据项时，我们可以根据具体需求，使用相应的逻辑进行处理。例如，我们可以将数据显示在网页上的某个元素中，或者进行其他操作。


xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    for (var key in data) {
      if (data.hasOwnProperty(key)) {
        var value = data[key];
        var element = document.getElementById('result');
        element.innerHTML += key + ': ' + value + '<br>';
      }
    }
  }
};