设置超时jQuery.load（）

Question

I have an event that when clicked initiates a jQuery load(). The load passes several MB of POST data. I am getting aborted errors. How can I set the timeout?

 toggleModalLoading();
 $("#ele").load('http://site.com/script.php',{
               'data' : postData },
                function(e) {
                      toggleModalLoading();
                });

Answer 1

The .load() call is really just a convenient shorthand. You could set global ajax options before the .load() call. If that's not viable, you'll have to use the lower-level API . Either way, you want the timeout ajax option:

$.ajax('http://site.com/script.php', {
   data: postData,
   timeout: 1000, // 1000 ms
   success: function (data) {
       $('#ele').html(data);
       toggleModalLoading();
   } 
});

Answer 2

set the timeout for the Ajax calls.

$.ajaxSetup({
    timeout: 30000
});

If the server is causing it to stop, look at the settings in the php ini file.