JavaScript 中的 Ajax 调用和回调

Question

我有这个 JavaScript 函数。

function create_categories(callback) {
   cart_cats = [];
   E.Cart.calculateTotal(function(order) {
     cart_total = order.total;
     cart_items = order.cart.items;
     // loop through the items to get their categories.
     for(var i=0; i<cart_items.length; i++) {
        get_product_category(cart_items[i].product.id);
     }
   });

   setTimeout(callback, 3000);
}

get_product_category 函数进行 ajax 调用，以获取 cart_item 的类别，然后将其推送到全局声明的 cart_cats 数组中，我需要在我的 callback 中使用它

现在我不想在这里使用setTimeout，因为我永远无法确定create_categories 函数可以执行的最长时间，之后我调用callback，因为cart_items 可以包含很多项目。

我想在 for 循环执行完毕时调用回调。

Answer 1

function create_categories(callback) {
   cart_cats = [];
   E.Cart.calculateTotal(function(order) {
     cart_total = order.total;
     cart_items = order.cart.items;
     completed = 0;
     for(var i=0; i<cart_items.length; i++) {
        get_product_category(cart_items[i].product.id);
        completed++;
     }
     if(completed == cart_items.length){
        callback;
     }
   });
}