如何让 javascript 暂时同步

Question

我正在使用 javascript 显示一个 HTML table，其中我对每一行运行一个 ajax 请求以获取一些要写入的信息。

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

我该如何解决？

这是函数；这个函数在另一个函数的循环中被重复调用，并被赋予参数 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

一种方法是在第一次调用时添加你的行，并且只绑定 AJAX 请求以在你的子调用中异步填充它（使用 id 或 JQuery index ）。

另一种方法是使用 ajax 回调来为第 N+1 行的父级（第一级）调用午餐

如何让 javascript 暂时同步

How to Make javascript Synchronous just for a moment

javascript

jquery

synchronization

asynchronous

synchronous