JQuery:等到一个GET请求完成

时间:2014-05-26 05:43:51

标签: jquery wait get-request

我需要应用程序等到第一个请求完成。情景是,

if (str != "") {
  if (str.match(",")) {
        var poolSequencedStatus = $.get("Request1.do"), function(response){
             //alert("Req1")
        }
  }

  $.get("Request2.do"), function(response){
     //alert("Req2")
  }
}

如果字符串包含字符',',则只有在完成Request1后才应调用Request2。

4 个答案:

答案 0 :(得分:0)

您可以利用承诺并将其包装在$.when($.get("Request1.do")).then(function(){});

http://api.jquery.com/jquery.when/

答案 1 :(得分:0)

创建第二个请求的功能:

function GetRequest()
{

 $.get("Request2.do"), function(response){
     //alert("Req2")
  }

}

并先致电成功:

if (str != "") {
  if (str.match(",")) {
        var poolSequencedStatus = $.get("Request1.do"), function(response){
             GetRequest();
        }
  }

答案 2 :(得分:0)

if (str != "") {
  if (str.match(",")) {
        var poolSequencedStatus = $.get("Request1.do"), function(response){
             //alert("Req1");
           $.get("Request2.do"), function(response){
     //alert("Req2")
           }
        }
  }


}

答案 3 :(得分:0)

默认情况下,Jquery在同步模式下工作。

检查$ .ajax设置的async:false值。

否则,您可以在最新的jQuery中使用$ .when()的好处。

    // Using the $.when() method, we can create an object that behaves similarly
// to Deferred objects, but for COMBINATIONS of Deferred objects.
//
// The $.when() method creates a Deferred object that is resolved or rejected
// when all the Deferred objects passed into it are resolved or rejected.
var getPromise = function(name) {
  var dfd = $.Deferred();
  var num = Math.floor(Math.random() * 1000);
  setTimeout(function() { dfd.resolve(name + ": " + num); }, num);
  return dfd.promise();
};

var list = $("<ul/>").appendTo($("#target").empty());
var printLine = function(str) {
  $("<li class=well/>").html(str).appendTo(list);
};

// Each of these Promises will individually print when resolved.
var promiseA = getPromise("A").done(printLine);
var promiseB = getPromise("B").done(printLine);
var promiseC = getPromise("C").done(printLine);

// And this code will execute once all Promises have resolved.
$.when(promiseA, promiseB, promiseC).then(function(numA, numB, numC) {
  printLine(numA + ", " + numB + ", " + numC);
});