javascript - 如何让 javascript 暂时同步

Question

我使用 javascript 显示一个 HTML 表格，其中每一行都运行一个 ajax 请求来获取一些要写入的信息。

现在的问题是，由于 javascript 异步行为，表行没有按照我规定的顺序写入。

我该如何解决这个问题？

这是函数；该函数在另一个函数的循环中被重复调用，并被赋予参数 id 以检索信息。

function printOneRow(id)
{

    var User = new Object();
    User.id =id;

    var userJson = JSON.stringify(User);

    $.post('Controller.php',
    {
        action: 'get_commune_details',
        user: userJson
    },
        function(jsonData, textStatus) {

            var row;
            $.each( jsonData, function( index, com){ 
                row += '<tr object="commune" com_id="'+com.id+'">';
                row += '<th field="#" scope="row">'+com.province+'</th>';
                row += '<td field="comidat" >'+com.nom+'</td>';

                if( prev_commune == "")
                    prev_commune= com.province;

                if(com.province != prev_commune)
                {
                    toggle=  toggle? false : true;
                    prev_commune = com.province;
                }

                for(var i =0 ; i< 18; i++)
                {
                    if(toggle)
                        row += '<td class="active" field="" >'+Math.floor((Math.random() * 5000) + 1)+'</td>';
                    else
                        row += '<td field="" >'+Math.floor((Math.random() * 5000) + 1)+'</td>';
                }
                row += '</tr>';
            });

            $('tbody#detailedBody').append(row);

    },
           "json"
          );

}  

Answer 1

一种方法是在第一个调用中添加行，并仅绑定(bind) AJAX 请求以在子调用中异步填充它(使用 id 或 JQuery index )。

另一种方法是使用 ajax callBack 来为 N+1 行的父级(第一级)调用提供午餐