javascript - 同步 Ajax 调用 - 或 : How to wait until everything is loaded to go on?

Question

我有一个带有 ASP.Net 和 JavaScipt/jQuery 的单页应用程序。

在我的页面初始化中有很多东西要加载，例如6 个下拉菜单，一堆文本框填充，配置文件等。

现在我要加载一个 GridView 。问题在于，gridview 需要来自文本框和下拉列表的数据。

那么如何知道其他一切的异步 ajax 调用何时完成？

只需为加载网格设置一个 settimeout() 并等待一段时间，例如300 毫秒？

Answer 1

您可以使用回调函数，该函数将在 ajax 请求的响应到达时被调用。

$.ajax({
    type:"method_type",
    url: "your_url",
    dataType: "data_type",
    async: true,
    success: function(data){
        callback(data);
    }
});

function callback(d){
  // grid functionality
}

更新:

$.when($.ajax("req1"), $.ajax("req2"))
  .then( callback, errfun);

这将在两个 ajax 请求都成功时执行函数 callback，或者如果其中一个有错误则执行 errfun。