javascript] each로 ajax 반복할때는 xhr 사용이 안되나요??

Question

원래는 ajax를 재귀호출로 했다가 무한반복하는 경우가 발생해서$(&#34;#id&#34;).each로 tr만큼만 반복하도록 바꿔주고 그 안에 ajax를 넣었거든요.원하는 반복횟수만큼 ajax는 잘 호출되는데 $(&#34;#id&#34;).each로 반복할때는 xhr 이 안먹어요. 재귀로 호출할때랑 같은 소스입니다. 혹시 왜그런지 아시는분 계실까요?업로드 진행상태를 리턴받기위해 아래처럼 xhr을 사용하였는데 아예 &#34;&#61;&#61;&#61;&#61;&#61;&#34;로그가 안찍힙니다.xhrobj.upload.addEventListener('progress', function(event) 이 함수 안으로 들어오질 않아요.근데 기존에 재귀함수로 할때는 잘 찍힙니다...무슨 차이가 있는 걸까요..??ㅜㅜ$('#id tr').each(function(idx){ (function(idx) { var jqXHR&#61;$.ajax({ xhr: function() { var xhrobj &#61; $.ajaxSettings.xhr(); console.log(xhrobj); if (xhrobj.upload) { console.log(xhrobj.upload); xhrobj.upload.addEventListener('progress', function(event) { console.log(&#34;&#61;&#61;&#61;&#61;&#61;&#34;); var percent &#61; 0; var position &#61; event.loaded || event.position; var total &#61; event.total; if (event.lengthComputable) { percent &#61; Math.ceil(position / total * 100); } console.log(percent); }, false); }; return xhrobj; }, ......

하다11 · Accepted Answer

지금까지 이거저거 계속 해보다가 원인을 찾아서 답변드립니다!async:false로 동기처리를 했는데 이것때문에 완료 될때까지 다음으로 진행이 안되서 xhr 프로그래스 처리를 안하는 것 같습니다. async:false를 빼주니 바로 표시가 잘 됩니다 ㅜㅠ ajax 비동기 처리를 할때만 xhr을 통한 프로그래스바 처리가 가능 한 것 같습니다.HJOW님 댓글도 감사드립니다!!

HJOW · Answer

차이가 엄청나게 납니다.재귀함수 호출부는 분명ajax 의 이벤트 함수 안에 있었겠지요?그러면 ajax 처리가 끝난 후에 재귀함수 호출이 되어 다음 ajax가 실행이 됐을 겁니다.즉 다시말해, ajax가 동시에 이루어지지 않았을 것입니다.반복문으로 바꿔버리면ajax가 다 끝나기 전에 다음 반복문이 실행되어 버리죠.

javascript] each로 ajax 반복할때는 xhr 사용이 안되나요??

2개의 답변

Q&A 목록