javascript - 从 JQuery 函数返回值时卡住

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 9 年前。

希望有人能帮忙。我正在学习 JQuery，但我一直试图从这个函数返回一个值。

为了排除故障，我正在登录控制台，数据是通过 JSON 正确提取的，确实，这只是未返回的值。

如有任何建议，我们将不胜感激!

    // Get initial categories
var catstr = $.getJSON("scripts/json-categories.php",displayCategoryData);

 function displayCategoryData(data) {
    catResult = data;
    var str ='';
    for(var i=0; i<data.length;i++) {
       str+= '<option value="' + data[i].id + '">' + data[i].category + '</option>';
    }
    console.log(str);
    return str;
 }

$('#category1').html(catstr);

Answer 1

问题在于 getJSON 是异步的，因此它无法返回您想要的内容，因为实际上它会在将来运行。

相反，您必须在回调函数中对返回值执行您想要执行的操作:

$.getJSON("scripts/json-categories.php", function displayCategoryData(data) {
    catResult = data;
    var str ='';
    for(var i=0; i<data.length;i++) {
       str+= '<option value="' + data[i].id + '">' + data[i].category + '</option>';
    }
    console.log(str);
    $('#category1').html(str);
});