JSON後的回調

Question

我有3個功能：initializeData，initializecartGroup和initializeCartGroupItem。 initializeData貫穿給定的表單組，JSON將它們解析爲數據對象。另外兩個「幫手」功能通過個別組和項目進行解析。我需要在輔助函數的數據函數中設置回調，但我不知道如何。有人可以幫我從這裏出去嗎？最終目標是找到包含信息的給定表單上的所有div，將其轉換爲數據對象，然後將其輸出回給定的DOM元素中的頁面。

function initializeData() { 
    var cartGroups = document.querySelector('.cartGroups'); 
    if (null !== cartGroups) { 
     var data = JSON.parse(cartGroups.innerHTML); 
     data.forEach(function (cartGroup, index) { 
      var group = new cartGroup(); 
      data.forEach(function (cartGroupItem, index) { 
       var item = new cartGroupItem(); 
      }); 
     }); 
    } 
} 

function initializeCartGroup() { 
    var cartGroup = document.querySelector('.cartGroup'); 
    if (null !== cartGroup) { 
     var data = JSON.parse(cartGroup.innerHTML); 
    } 
} 

function initializeCartGroupItem() { 
    var cartGroupItem = document.querySelector('.cartGroupItem'); 
    if (null !== cartGroupItem) { 
     var data = JSON.parse(cartGroupItem.innerHTML); 
    } 
} 

Answer 1

下面是一個使用回叫的例子 -

function initializeData(callback) { 
    var cartGroups = document.querySelector('.cartGroups'); 
    if (null !== cartGroups) { 
     var data = JSON.parse(cartGroups.innerHTML); 
     data.forEach(function (cartGroup, index) { 
      var group = new cartGroup(); 
      data.forEach(function (cartGroupItem, index) { 
       var item = new cartGroupItem(); 
      }); 
     }); 
     callback(); 
    } 

} 

當調用init函數 -

initializeData(initializeCartGroup); 

這將運行在foreach循環之後的回調函數initializeCartGroup。