同步Ajax调用 - 或：如何等待所有内容加载继续？

Question

I have a single page application with ASP.Net and JavaScipt / jQuery.

In my Page initialisation there is much to load, eg 6 dropdowns, a bunch of textboxfilles, configuration files etc.

Now I have a gridview to load. The problem ist, that the gridview needs data from the textboxes and dropdowns.

So how to know, when the asynchron ajax calls of everything else is finished?

Simply put a settimeout() for the loading grid and wait a bunch of time, eg 300ms?

Answer 1

You can use callback function which will get called when response of ajax request arrives.

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

function callback(d){
  // grid functionality
}

Update:

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

This will execute the function callback when both ajax requests are successful, or errfun if either one has an error.

Answer 2

There should be a success callback. In asynchronous programming, you stick event-driven code inside callback functions.