等待的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/