jQuery Ajax response are not asynchronous

Question

I have two Ajax calls in my MVC code, for both I have set async: true, but however after first request is made and if I try to make 2nd Ajax request, the 2nd is waiting first to get response, only after getting first Ajax response, 2nd request's result is appended. I am not finding solution for this.

Code is as below:

First call:

var page_request = $j.ajax({
    url:pageurl+'?rel=tab',
    async:true,
    dataType:"html",beforeSend: function () {
        middlePanel.html('Loading...');
    },
    success: function(data){
        middlePanel.html(data);                     
        fitBoundsWithoutSeco();                        
    },
    error: function (xhr, textStatus, errorThrown) {
        middlePanel.html(textStatus);
    }
});

The second is same as first.

**A** synchronous **J** avascript **A** nd **X** ML should be asynchronous by default. — h2ooooooo, May 03 '13 at 10:25
There must be something wrong with your second request (or it's relation to first one), can you post it? Also show us how you're executing both requests. — Zbigniew, May 03 '13 at 10:26
You server need time to respond especially for heavy database request — A. Wolff, May 03 '13 at 10:27
Does the second call gets executed if you, for example, comment the first one? — Frhay, May 03 '13 at 10:28
Can you post the second AJAX call rather than just saying it's the same? Could you also provide some context for where and how these calls are being made? — Anthony Grist, May 03 '13 at 10:30

score 0 · Answer 1 · answered May 03 '13 at 10:27

0

simultaneous requests in web browsers are limited to 6. any chance you are hitting this limit after your first ajax call? (due to other requests from your page)

answered May 03 '13 at 10:27

user2346464

1

jQuery Ajax response are not asynchronous

1 Answers1