等待的Json调用完成在JavaScript

Question

我使用的是下面JSON调用在我的JavaScript方法

function go123(){ 
    var cityName = ""; 
    var temp = $.getJSON("https://abc.in/api/city?callback=?", args,function (data) { 
     if (data.properties.city != null){ 
      cityName = data.properties.city; 
      check = true; 
     } else { 
      cityName = "NaN" 
     } 
    }); // end of my Json Call. 

    // my validation is done below 
    if(cityName != "NaN"){ 
     return false; 
    } else { 
    // here I except the cityName to not be "" but be some value which is set as :cityName = data.properties.city; 
     return true; 
    } 
} // end of my function 

现在是什么问题，我面对的是，在我的Json调用compelete下一个已经执行了一组语句（在“//我的验证在下面完成”一行下面的代码中）。

我想在我的JSON调用（的cityName）设置的值，只有一次是当通话结束，然后我只想要执行的语句的下一组。

请帮我解决这个问题。任何意见/想法/建议将不胜感激！谢谢。

Answer 1

AJAX调用是asyncrhonous。他们不等待答复。它们在后台运行并在调用后立即执行紧随其后的代码。因此，在getJSON接收到的数据还没有出现在它下面的操作执行时。

你可以把你想要的操作回调，这样，当数据被revceived他们得到执行：

function go123(callback){ 
    var temp = $.getJSON("https://abc.in/api/city?callback=?", args,function (data) { 
     //execute the callback, passing it the data 
     callback(data); 
    }); 
} 

//when you call go123, it get's back the result: 
function goBefore123(){ 

    //get our JSON 
    go123(function(data){ 

     //when we get our data, evaluate 
     if (data.properties.city != null){ 

      cityName = data.properties.city; 
      check = true; 

      alert('executed after returned'); 
      afterCall(); 
     } else { 
      cityName = "NaN" 
     } 
    }); 

    alert('i am executed before anything else'); 
} 

function afterCall(){ 
    alert('im also executed after'); 
} 

Answer 2

.success

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

Answer 3

你传递到$ .getJSON函数（）是回调运行时函数成功地完成。所有其他条件相同的情况下，请在该方法内粘贴“其余部分”。如果你不能这样做，那么你之后被称为jQuery Deferred。代码看起来像这样见http://www.erichynds.com/jquery/using-deferreds-in-jquery/和http://joseoncode.com/2011/09/26/a-walkthrough-jquery-deferred-and-promise/：

var req = $.getJSON('blah', 'de', 'blah'); 

req.success(function(response){ 
    // The request is done, and we can do something else 
}); 

Answer 4

调用外部URL会花费太多时间，等待结果 检查以下

var jqxhr = $.getJSON("example.json", function() { 
    alert("success"); 
}) 
.success(function() { alert("second success"); }) 
.error(function() { alert("error"); }) 
.complete(function() { alert("complete"); }); 

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