[JavaScript] for문 안에서 Ajax 돌리기

JavaScript

 

이번에 코드를 짜면서 처음으로 Jquery의 힘을 빌렸는데 사용한 부분이 바로 for문 안에서 Ajax를 사용할 때이다.

내가 짜고 있는 정확한 코드를 보여줄수는 없지만, 글자로 표현하자면 바닐라 자바스크립트로 코드를 짜고 있었고, ajax를 이용하여 배열에 값들을 넣어놓고 그 배열을 재사용하여 for문을 돌려서 ajax로 다시 한 번 값을 받아오는 것이였다.

Promise의 방법도 사용해보고, fetch를 사용해보았지만 바닐라 자바스크립트로 해결하지 못하였다.

혹시나 이 글을 보시고 바닐라 자바스크립트로 for문 속에서 ajax를 사용하는 방법을 아시는 분은 댓글을 달아주시면 정말 감사하겠습니다.

 

자 이제 알아보도록 하자.

for (let i = 0; i < review.length; i++) {
    (function (i) {
      $.ajax({
        type: "GET",
        url: "URL주소입력",
        async: false,	// 가장 중요한 부분이다.
        success: function (result) {
          console.log(result);
        },
        error: function (xhr, status, error) {
          console.log(xhr + status + error);
        },
      });
    })(i);
  }

 

첫번째 포인트는 for문 속에 function을 주어 사용하는 것이고,
두번째 포인트는 async 비동기를 false로 주는 것이다. 두번째가 가장 중요한 부분이다.

 

혹시나 Jqeury를 사용하지 않고 방법을 아시는 분은 꼭 댓글 부탁드리겠습니다.