等待ajax调用for循环完成后再继续循环

Question

我在for循环中有一个Ajax请求，但似乎for循环继续循环，并且直到循环结束才显示Ajax请求。这是一个例子：

for(var i = 1; i < Object.keys(data.masterlist).length; i++) {
    var bill = data.masterlist[i];
    var bill_info = document.createElement("P");
    var bill_info_text = document.createTextNode("Total Price: " + bill.total + " Bill ID: " + bill.bill_id);
    bill_info.appendChild(bill_info_text);
    result_div.appendChild(document.createElement("br"));
    result_div.appendChild(bill_info);
    $.ajax({
        url: "https://..." + bill.bill_id,
        dataType: "json",
        success: function(data) {                           
            result_div.appendChild(document.createTextNode(data.bill.customer));
        }
    });
}   

基本上，我有一个账单清单，我需要打印一些关于账单的基本信息，然后发出Ajax请求以获得有关账单的更多信息，这也需要打印。