js_javascript 기술의 동기 처리와 비동기 처리 간의 방법 및 차이점 요약

비동기 요청을 사용하는 경우 비동기 요청의 결과를 다른 js 함수로 반환해야 하는 경우가 있습니다. 이 경우 요청이 전송된 js 함수가 완료될 때까지 요청 결과가 반환되지 않습니다. 후속 작업, 즉 반환이 실행되어 반환 결과가 null 문자가 됩니다.

요약: ajax 요청을 사용한 후 send 요청으로 반환된 결과를 처리하려면 동기 요청을 사용하는 것이 가장 좋습니다.

예: 다음 예에서는 Ajax 비동기 요청이 아직 실행되지 않았고 함수가 이미 반환을 실행했기 때문에 반환 결과가 올바르지 않습니다.
코드 복사

코드는 다음과 같습니다. function fn(){

var result = "

$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : true,
type : "POST" ,
success : function (data){
do Something....

result = ....
}

// 다음과 같은 경우에도 오류가 발생합니다. ajax에서 반환된 데이터 처리

결과 반환
}


1 비동기 요청 방법:

코드 복사

코드는 다음과 같습니다. $.ajax({ url : 'your url',

data:{name:value},

cache : false,
async : true,
type : "POST",
dataType : 'json/xml/html',
success : 함수(결과){
do 뭔가....
}
});


2 동기 요청 방식

코드 복사

코드는 다음과 같습니다. $.ajax({ url : 'your url',

data:{name:value},

cache : false,
async : false,
type : "POST",
dataType : 'json/xml/html',
success : 함수(결과){
뭔가를 하세요....
}
})