>  기사  >  웹 프론트엔드  >  Ajax 요청에서 async:false/true(동기/비동기)의 역할

Ajax 요청에서 async:false/true(동기/비동기)의 역할

青灯夜游
青灯夜游앞으로
2018-10-12 16:57:262653검색

이 글은 Ajax 요청에서 async:false/true(동기/비동기)의 역할을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

async: 기본값은 비동기 모드인 true입니다. $.Ajax가 실행된 후 ajax 뒤의 스크립트는 서버가 데이터를 반환할 때까지 계속 실행되어 $.Ajax의 성공 메서드를 트리거합니다. 실행됨 두 개의 스레드입니다. false로 설정하면 모든 요청은 동기 요청이며 값을 반환하기 전에 동기 요청은 브라우저를 잠그며 사용자는 요청이 실행되기 전에 다른 작업이 완료될 때까지 기다려야 합니다.

아래 예시를 참고하세요:

var temp;
$.ajax({

   async: false,
   type : "POST",
   url : defaultPostData.url,
   dataType : 'json',
   success : function(data) 
   {

      temp=data;
   }

});

alert(temp);

이 ajax 요청은 동기 요청이며, 반환 값이 없을 때까지 Alert(temp)가 실행되지 않습니다.

async가 true로 설정된 경우 ajax 요청에서 반환된 결과를 기다리지 않고 ajax 다음에 오는 명령문을 직접 실행합니다.

그러나 위의 동기 요청 설정 방법에 대해 일부 네티즌은 async를 false로 설정한 후 원래 의도는 데이터를 반환한 다음 $.Ajax 뒤에서 스크립트를 실행하는 것이라고 보고한 적이 있습니다. Firefox 브라우저 화면(Firefox 11.0)에서 스크롤 막대를 아래로 끌어내려 ajax를 실행합니다. 결국 async:false만 주석 처리할 수 있습니다. 즉, async가 true인 경우 Firefox 브라우저 스크롤 막대가 아래쪽으로 당겨지고 Ajax가 스플래시 화면으로 표시되는 문제를 성공적으로 해결한 것입니다.

요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면 AJAX 비디오 튜토리얼을 방문하세요!

관련 권장사항:

AJAX 온라인 매뉴얼

ajax 기본 비디오 튜토리얼

위 내용은 Ajax 요청에서 async:false/true(동기/비동기)의 역할의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제