ajax json 数组处理

AJAX实现前端与后端数据交互的方式之一是使用JSON。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传递。

处理JSON数组时，可以使用JavaScript方法对数据进行操作。以下是使用AJAX异步加载JSON数据，并处理JSON数组的示例代码：

const xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    const myObj = JSON.parse(this.responseText);
    const cars = myObj.cars; //JSON数组
    cars.forEach(function(car) {
      document.getElementById("demo").innerHTML += `${car.make}  ${car.model}
`;
    });
  }
};
xmlhttp.open("GET","cars.json",true);
xmlhttp.send();

代码中，通过XMLHttpRequest对象获取JSON数据，并使用JSON.parse()方法将数据转换为JavaScript对象。数组cars字段存储了所有汽车品牌和型号相关信息。使用forEach()方法遍历数组，并将相关信息动态展示在HTML页面上。

在处理JSON数组中，也可以使用jQuery库提供的简单方法来处理JSON数据。以下是使用jQuery异步加载JSON数据，并处理JSON数组的示例代码：

$.getJSON("cars.json",function(data) {
  $.each(data.cars,function(index,car) {
    $("#demo").append(`${car.make}  ${car.model}
`);
  });
});

代码中，$.getJSON()方法通过URL获取JSON数据，使用$.each()方法遍历JSON数组，并将相关信息动态展示在HTML页面上。