一个文件中有多个不同的AJAX请求

Question

我有这个HTML代码

<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
<div class="a4"></div>
<div class="a5"></div>

我希望像这样发送ajax

   $.ajax({

 type: "GET",
 url: 'get.php',
 data: "id=" + "a1", // appears as $_GET['id'] @ your backend side
 success: function(data) {
       // data is ur summary
      $('#a1').html(data);
 }
    });

从get.php获取所有[a1 .... a5]的数据并获取数据到div。

所以我想ajax代码发送并在一个javascript代码中获取所有[a1..a5]请求我尝试在循环但不工作（我无法发送请求从get获取所有5个数据.PHP）

Answer 1

这很容易实现，只需将代码放在for循环中，它应该没有问题：

for (let i = 1; i <= 5; i++) {
  $.ajax({
    type: "GET",
    url: 'get.php',
    data: "id=a"+i, // <-- get a1...a5
    success: function(data) {
      $('.a'+i).html(data); // <-- save to Div with class a1...a5
    }
  });
}

Here是一个工作小提琴。