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

Question

希望有人能帮忙。我正在学习 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);
});