Jquery 如何在一个视图上调用多个ajax调用？

我有一个需求，比如，我必须进行多个jQueryAjax调用，并将数据绑定到视图中的多个div

@foreach (var item in Model)
{
   <p>Chart name : @item.ChartName</p>
    <div>
        @{Html.RenderAction("GetChartData", "ChartsDashboard", new { Data = item });}
    </div>
    <br/>
}

@foreach（模型中的变量项）
{
图表名称：@item.ChartName

@{Html.RenderAction（“GetChartData”，“ChartsDashboard”，新的{Data=item}）；}


}

RenderAction将调用另一个视图，其代码如下：

<script>
var chrtdivid = "chrt"+ '@Model[0].ChartId.ToString()'
$("#charts").append("<div id='" + chrtdivid + "'>hello world</div>")
//adding dynamic divs to the page
$(function () {
    $.ajax({
        type: "GET",
        url: "/api/ChartsAPI/" + '@Model[0].ChartId.ToString()',
        dataType: "json",
        success: function (seriesData) {
            //bind this series data to the dynamically created div
        }});});
</script>

var chrtdivid=“chrt”+”@Model[0]。ChartId.ToString（）
$（“#图表”）.append（“hello world”）
//向页面添加动态div
$（函数（）{
$.ajax({
键入：“获取”，
url:“/api/ChartsAPI/“+”@Model[0].ChartId.ToString（）”，
数据类型：“json”，
成功：函数（seriesData）{
//将此系列数据绑定到动态创建的div
}});});

因此，在这个基于foreach列表值的需求中，可以有n个循环，因此将对jquery ajax进行n个调用。 但最后，只有最后一个div与数据绑定，而不是全部

有没有办法在每次web api调用时将数据发送到div？

以下内容可能会有所帮助：

Ajax请求可以排队，然后按顺序激发。通过谷歌搜索：“ajax管理器github”，它将为您带来一些非常有用的东西

以下内容可能会有所帮助：

---

Ajax请求可以排队，然后按顺序激发。通过谷歌搜索：“ajax管理器github”，它将为您带来一些非常有用的东西

听起来像Ajax队列。我的答案对你有帮助吗？谢谢你的答案，它确实帮助了我。听起来像Ajax队列。我的答案对你有帮助吗？谢谢你的答案，它确实帮助了我。