ajax 回调 JSON 对象返回未定义

Question

我查看了很多关于这个主题的帖子，并尝试了几种解决方案，但我似乎无法正确解决。

最后一次尝试

function checkzip(x){  

       $.ajax({
       type:'POST',
       url:'zipcheck.php',
       data:{zip: x},
       async: false
    }).done(function(r){
        rates(r);
    });
}

function rates(r){
    alert (r);
    if (r !== 'none'){
    m = JSON.parse(r);
    return m;
    }
    else {
        return false;
    }
}

返回的json是{"rateA":"125","rateB":"80","rateC":"150","rateD":"130"}

所以我希望能够：

new_rate = checkzip('77090');

和

alert (new_rate.rateA);

但是我的返回值是不确定的

我尝试在成功中传递函数：AND .done()，我尝试直接从两者返回它，而不是在设置 async:false 时也传递给单独的函数。 我尝试将 ajax 调用与 zipcheck() 函数内的函数一起放置，然后也从那里调用它。 我错过了从 ajax 创建对象或使用异步函数的内容。

Answer 1

您认为问题在于异步性是正确的。您基本上需要对 rates() 函数内的响应进行任何处理，而不是让 checkzip() 返回一个值。如果您将 alert() 调用放在 rates() 方法中，您应该会看到一些输出。

function checkzip(x) {  
       $.ajax({
       type:'POST',
       url:'zipcheck.php',
       data:{zip: x},
       async: false
    }).done(function (r) {
        rates(r);
    });
}

function rates(r) {
    alert(r);
    if (r !== 'none') {
        var m = JSON.parse(r);
        // Do something with m now.
        alert(m.rateA);
    }
}