AJAX 호출이 결과를 반환하기 전에 JS가 반환됩니까?

Question

가능한 중복 :
How to return AJAX response Text?

내가 다시 Ajax 요청을 보내고 response.I'm가 "성공"와 같은 콜백 메소드의 결과를 받고 제공하는 자바 스크립트 메소드를 호출하고 있습니다 .
여기 Ajax는 결과를 반환하는 javascript 메소드 (정의되지 않은 값)가있는 동안 일부 결과를 리턴합니다.
하지만 아약스 결과 만 반환해야합니다.
내가 확인한 문제는 Javascript와 Ajax가 동시에 실행되고 있다는 것입니다.
어떻게 멈추고 Ajax를 먼저 실행하고 결과는 결과를 반환하는 함수에 보내야합니다.
어떤 생각 높은 :) .. 높이 평가 비동기 요청을하게

Answer 1

기본적으로

, $.ajax (예 : $.post으로 그것을 사용하는 것도,)입니다. async:false (documentation 참조)을 지정하여 요청을 동기화할 수 있습니다. 동기 AJAX 요청을 사용하는 것은 좋지 않습니다. 성능이 저하되고 사용자 환경이 좋지 않기 때문입니다. 대신, 결과가 완료되면 성공 핸들러에서 호출되는 콜백을 사용하는 것이 좋습니다.

여기에 두 가지 임의의 간단한 예제가 있습니다. 여기에는 클릭 할 때 AJAX 호출의 결과에서 텍스트를 대체 할 앵커가 있습니다. 두 가지 모두 똑같은 일을하지만 두 번째는 브라우저의 응답 성을 유지하기 때문에 선호됩니다.

동기 :

function invokeAjaxSync() { 
    var text; 

    $.ajax({url: '/path/to/resource', async:false, success: function(result) { 
     text = result.toString(); 
    }}); // will wait until this call is complete 

    return text; 
} 

$('a.example').click(function() { 
    $(this).text(invokeAjaxSync()); // works, but the browser will be unresponsive while waiting for a response. 
}); 

비동기 (더 나은) :

function invokeAjaxAsync(callback) { 
    $.ajax({url:'/path/to/resource', success: function(result) { 
     callback(result); 
    }}); 
} 


$('a.example').click(function() { 
    var $this = $(this); 

    invokeAjaxAsync(function(result) { 
     $this.text(result.toString()); 
    }); // browser will remain responsive, but still update text when the AJAX call completes. 
});