时间戳

首页 > 解决方案 > 使用相同的 HTML div 首次加载页面时如何执行多个 Ajax 调用

javascript - 使用相同的 HTML div 首次加载页面时如何执行多个 Ajax 调用

问题描述

我目前设置了我的 HTML 站点，我将 div id 作为数据传递到我的 Ajax 中。

<div id="1" class="stats">
    DATA GOES IN HERE
</div>
<div id="2" class="stats">
    DATA GOES IN HERE
</div>

我有它，这样当页面第一次加载时，会加载一个 Ajax 调用，该调用会找到 div id 并在后端使用它来将 DATA 转发。

$(document).ready(function(){
var fId = $(".stats").attr("id");
$.ajax({
    url: 'get_stats',
    type: 'GET',
    data: {fId : fId},
    success: function(data) {
        $("#"+fId).html(data);
    },
    error: function(data){
        alert("ERROR: " + data);
    }
});
});

可以带数据。但是，我有大约 26 个这样的 div，我需要调用 26 次。问题是，调用只进行一次，并且只为第一个 div 加载数据。

我怎样才能使我将所有 26 个 div 中的数据传递到 Ajax 调用中，并在页面首次加载时将其带入 HTML？

标签： javascriptjqueryhtmlajax

解决方案

你可以用这样的循环来做到这一点：

let divs = $(".stats");

$.each(divs, function (div) {
     //..do your ajax request here
});

推荐阅读