php jquery多个getJson不工作我做错了什么

Question

$.getJSON("Index/Locations_By_Ratings",function (data) {
    $('#LocationsContainer').html('');
    for (var i = 0; i < data.length; i++)
    {
        $.getJSON('Index/Get_Board_Type',{id:data[i].board_type},function (board_type) {
            var Board = board_type['board_types'];
        });
        $('#LocationsContainer').append('<div class="LocationBox">\
                                            <div class="left">\
                                            <div class="LocationRow"><b>Board Type</b> : '+Board+'</div>\
                                            <div class="LocationRow"><b>Area</b> : '+data[i].location+'</div>\
                                        </div>');
    }
});

在第一次调用 iam 获取 board_types id ，在第二次调用 iam 使用第一次调用 board_types id 获取板类型名称，我想打印 var Board。

Answer 1

我在您的代码中发现了 3 个问题：

• getJSON 是异步的：紧随其后的代码在您从服务器获得答案之前执行（当 Board 尚未填满时）
• Board 是一个局部变量，在您提供给 getJSON 的回调之外不可见
• i 在执行回调时改变了值（记住：getJSON 是异步的）

你可以这样做：

$.getJSON("Index/Locations_By_Ratings",function (data) {
    $('#LocationsContainer').html('');
    for (var i = 0; i < data.length; i++)
    {
        var theData = data[i];
        $.getJSON('Index/Get_Board_Type', {id:theData.board_type},function (board_type) {
            var Board = board_type['board_types'];
            $('#LocationsContainer').append('<div class="LocationBox">\
                                                <div class="left">\
                                                <div class="LocationRow"><b>Board Type</b> : '+Board+'</div>\
                                                <div class="LocationRow"><b>Area</b> : '+theData.location+'</div>\
                                            </div>');
    });}
});