如何在视图上调用多个 ajax 调用？答案

【问题标题】：How to call multiple ajax calls on a view?如何在视图上调用多个 ajax 调用？
【发布时间】：2015-10-10 19:57:56
【问题描述】：

我有一个要求，我必须进行多个 jquery ajax 调用并将数据绑定到我的视图中的多个 div。下面是我的主视图中的代码

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

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>

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

有什么方法可以在每次 web api 调用时将数据获取到 div 中？

【问题讨论】：

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

标签： jquery model-view-controller

【解决方案1】：

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

Ajax 请求可以排队，然后按顺序触发。通过谷歌搜索：“ajax manager github”，它会给你带来一些非常有用的东西。

【讨论】：