ajax获取两个json数据

在前端开发中，我们经常会遇到需要异步获取数据的需求，这时候我们就可以使用ajax来完成这个任务。下面我们就来看一下如何使用ajax来获取两个json数据。

$(document).ready(function() {
  //获取第一个json数据
  $.ajax({
    type: "GET",url: "data1.json",dataType: "json",success: function(data1) {
      console.log(data1);
      //获取第二个json数据
      $.ajax({
        type: "GET",url: "data2.json",success: function(data2) {
          console.log(data2);
          //数据获取成功后执行其他操作
        },error: function() {
          console.log("获取数据失败");
        }
      });
    },error: function() {
      console.log("获取数据失败");
    }
  });
});

上面的代码中，我们先获取了第一个json数据，当获取成功后再去获取第二个json数据。这里需要注意的是，我们在第一个ajax请求的success回调函数中再发送一个ajax请求获取第二个json数据。

最后，我们可以根据获取到的数据对页面进行操作，比如将数据渲染到页面上，或者做其他的业务逻辑处理。