async가 Jquery ajax 콜백에서 대기 중입니까?

Question

나는 이것을 async/await와 함께 시도하고 있지만 모든 해결책이 좋습니다. 사람은 내가 변경할 수있는 방법을 알고

series[group].forEach(async (ele, j) => { 
    await $.ajax({ 
     url: `templates/ele${ele}.template.html`, 
     success: function (data) { 
      const $copyEl = $(el).clone() 
      const r = new RegExp('\\{\\{\\s*' + item + '\\s*\\}\\}', 'g') 
      const html = $copyEl.html().replace(r, data) 

      $(html).insertBefore(parent) 
     }, 
     error: function (e) { 
      console.error(e) 
     }   
     }).then(() => { 
     $(parent).detach() 
     if(i + 1 === outer_last && j + 1=== inner_last) 
      template_callback() 
     }) 
    }) 
}) 

하지에 마지막 .insertBefore() 완료 후까지 .detach()를 실행?

Answer 1

지도 Promise들로 배열의 각 요소 다음 Promise.all에 의존는 :

const promises = series[group].map((ele) => (
    $.ajax({ 
     url: `templates/ele${ele}.template.html`, 
    }).then((data) => { 
     const $copyEl = $(el).clone() 
     const r = new RegExp('\\{\\{\\s*' + item + '\\s*\\}\\}', 'g') 
     const html = $copyEl.html().replace(r, data) 

     $(html).insertBefore(parent) 
    }, (e) => { 
     console.error(e) 
    }) 
)) 

Promise.all(promises).then(() => { 
    $(parent).detach() 
})