在使用ajax异步调用的时候，可能碰到同时调用多个ajax这种情况。而且多个ajax之间还存在依赖关系。这种情况怎么处理呢？
有两种办法：
一种是多个ajax嵌套调用，这时需要设置async为false，也就是便成同步的了，但是这种方法存在一个弊端，如果后台出现问题，一直忙，不能返回数据，浏览器将出现卡死的情况。
第二种方法是使用队列的方法。将ajax加入到队列中，然后依次调用即可。
这里举个例子。
index.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="/static/js/jquery-2.0.0.min.js"></script> <script> $(function () { $("#ajax").click(function () { var sum; $("#ajax").queue("ajaxRequest", function () { $.ajax({ url: "/web/add/", type: 'get', data: {a: 1, b: 2}, success: function (data) { sum = data; console.log("1+2=" + sum); $("#ajax").dequeue("ajaxRequest"); } }); }); $("#ajax").queue("ajaxRequest", function () { $.ajax({ url: "/web/plus/", type: 'get', data: {a: sum}, success: function (data) { console.log("3+5=" + data); $("#ajax").dequeue("ajaxRequest"); } }); }); $(this).dequeue("ajaxRequest"); }); }); </script> </head> <body> <form action=""> 姓名<input type="text"/> </form> <button id="ajax">ajax</button> </body> </html>
在上面的方法中使用了两个ajax，第二个ajax使用了第一个ajax回调函数获取到的数据。
后台采用django，相关代码如下。
urls.py设置
url(r'^$','index',name='index'), url(r'^add/$','add',name='add'), url(r'^plus/$','plus',name='plus'),
views.py设置
def index(request): return render_to_response('index.html') def add(request): a = request.GET['a'] b = request.GET['b'] a = int(a) b = int(b) return HttpResponse(str(a+b)) def plus(request): a = request.GET['a'] return HttpResponse(str(int(a)+5))
这个时候，假如再在plus中添加下面代码：
def plus(request): for i in range(1000000): print i a = request.GET['a'] return HttpResponse(str(int(a)+5))
客户端要一直等到这个循环结束才有有输出，但是这个时候，浏览器并不会出现卡死情况。