Question

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

现在的问题是，由于javascript Async行为，表行不是按照我规定的顺序写的。

我该如何解决？

这是功能;在另一个函数的循环中重复调用此函数，并为参数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）。

另一个可以使用tha ajax callBack来为你的父（第一级）调用N + 1行午餐

如何让javascript同步一会儿

1 个答案: