Question

我在我的javascript方法中使用以下 json调用

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

传递给$ .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 2

AJAX调用是异常的。他们不等待回复。它们在后台运行，并在调用后立即执行它后面的代码。因此，getJSON中收到的数据在执行下面的操作时尚未存在。

您可以将所需的操作放在回调中，以便在数据被重新启动时执行：

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 3

调用外部网址会花费太多时间，等待结果请查看以下

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/

Answer 4

.success

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

等待Json调用在javascript中完成

4 个答案: