Несколько вызовов Ajax, не мешая другим

Question

Я создал динамические вкладки с помощью Jquery. На каждой вкладке я отправляю вызов ajax, получаю некоторую информацию и выполняю некоторые функции.

Моя проблема в том, что если я создаю закладку First, вызывается ajax, получает информацию и выполняет некоторые инструкции. Так же, как если бы я создал вторую вкладку, которая также работает правильно.

Но если я создаю вторую вкладку, при вызове ajax на первой вкладке или при выполнении функций она останавливается, и запускаются операции второй вкладки.

я хочу создать вторую вкладку динамически, когда функционирует первая вкладка (без остановки) .... просто как загрузка вкладок браузера ....

Как это сделать, пожалуйста, помогите мне ...

Answer 1

С jQuery вы можете сделать это проще

$.ajax("example.php", function(){
   //possible callback
});

$.ajax("example2.php", function(){
   //possible callback
});

этот код запускает их обоих одновременно

Answer 2

Я полагаю, вы используете стандартный объект XMLHTTPRequest.Почему вы не можете использовать какую-то стандартизированную библиотеку javascript, такую ​​как jquery / Mootools / Prototype / YUI и т. Д.Попробуйте.

/*Call one*/
jQuery.ajax( 
    {
        url:"/theServerPage",
        data:{var1:a,var2:b, var3:2},
        type:"GET or POST",
        success:function(data, status){
            //data == server retured data
        },
        error:function(data, status){
            alert("Ooops..");
        }
    });


/*Call two*/

jQuery.ajax(
    {
        url:"/anotherServerPage",
        data:{var1:a,var2:b, var3:2},
        type:"GET or POST",
        success:function(data, status){
            //data == server retured data
        },
        error:function(data, status){
            alert("Ooops..");
        }
    });

Answer 3

Я считаю, что у jquery нет проблем с асинхронными вызовами Ajax

$.ajax({ url: "example.php" })
.success(function() { alert("success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });

http://api.jquery.com/jQuery.ajax/