一旦完成，async true和callback

Question

我使用下面的ajax调用来读取json并将它们显示在HTML表中。返回的记录数是随机的，并且在屏幕上显示消息后返回所有记录时是否会显示消息？

如果我async:false，它不会更新DOM，如果我将其更改为async:true，则DOM更新不知道是否所有ajax请求都已完成。

有什么建议吗？

code

function getData(){
    $.ajax({
        async:      false, 
        type:       'GET',
            dataType:   'json',
        contentType:    'application/json',
        url: serverURL,

        success: function(data){
            $.each(data, function(key, value) {
               console.log(value.id);
               AddRowTotable(value);
            });

        },
        error: function(data, status, jqXHR){
            console.log("Error");
            retstatus = status;
        }
        }
    });
}


 function AddRowTotable(rowData) {
        var row = $("<tr />")
        row.append($("<td>" + rowData.id + "</td>"));
        row.append($("<td>" + rowData.name + "</td>"));
        $("#dataTable").append(row); 

    }