多个Ajax调用而不会打扰其他人

时间:2011-08-16 08:00:40

标签: javascript jquery ajax

我使用Jquery创建了动态标签。在每个标签中,我发送了一个ajax调用并获取一些信息并执行一些功能。

我的问题是,如果我创建了第一个选项卡,则调用ajax调用并获取信息并完成一些功能。就像我创建第二个标签一样,它也可以正常工作。

但是,如果我创建第二个选项卡,当第一个选项卡ajax调用或函数正在运行时,它将停止操作并启动第二个选项卡操作。

我想动态创建第二个标签,当第一个标签功能正常运行时(不停止此操作)....就像浏览器标签加载....

如何做到这一点请帮助我...

3 个答案:

答案 0 :(得分:1)

使用jQuery,您可以更轻松地完成

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

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

此代码同时触发它们

答案 1 :(得分:-1)

我相信您正在使用标准的XMLHTTPRequest对象。为什么你不能使用像jquery / Mootools / Prototype / YUI等标准化的javascript库..

对于初学者来说,jQuery会非常吸引人。尝试一下。

/*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..");
        }
    });

答案 2 :(得分:-2)

我相信jquery对异步Ajax调用没有任何问题

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

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