[javascript] jQuery는 동기 XMLHTTPRequest를 더 이상 사용하지 않습니다.

이전 답변 중 어느 것도 내 상황에 적합하지 않았습니다. async매개 변수를 사용 jQuery.ajax()하지 않고 다음과 같이 반환되는 콘텐츠의 일부로 스크립트 태그를 포함하지 않습니다.

<div>
     SOME CONTENT HERE
</div>
<script src="/scripts/script.js"></script> 

내 상황은 두 개의 div를 동시에 업데이트하기 위해 두 개의 AJAX 요청을 연속적으로 호출하고 있다는 것입니다.

function f1() {
     $.ajax(...); // XMLHTTP request to url_1 and append result to div_1
}

function f2() {
     $.ajax(...); // XMLHTTP request to url_2 and append result to div_2
}

function anchor_f1(){
$('a.anchor1').click(function(){
     f1();
})
}

function anchor_f2(){
$('a.anchor2').click(function(){
     f2();
});
}

// the listener of anchor 3 the source of problem
function anchor_problem(){
$('a.anchor3').click(function(){
     f1();
     f2();
});
}

anchor_f1();
anchor_f2();
anchor_problem();

를 클릭 a.anchor3하면 경고 플래그가 발생 click()합니다. 함수로 호출하는 f2를 대체하여 문제를 해결했습니다 .

function anchor_problem(){
$('a.anchor_problem').click(function(){
     f1();
     $('a.anchor_f2').click();
});
}

답변