jquery ajax의 async:false와 async:true의 차이점은 무엇입니까?

jquery ajax의 async:false와 async:true의 차이점은 무엇입니까?

jquery ajax에는 파라미터가 있습니다.

$.ajax({async: true, ...});

값을 다음과 같이 설정하는 것의 차이점은 무엇입니까?true그리고.false?

브라우저가 다른 코드로 전달되기 전에 Ajax 요청을 완료해야 하는 경우 비동기 설정을 false로 설정합니다.

<script>
    // ...
    $.ajax(... async: false ...); // Hey browser! first complete this request, 
                                  // then go for other codes

    $.ajax(...); // Executed after the completion of the previous async:false request.
</script>

By default, the$.ajaxrequest in jQuery is set to asynchronous. 변수 이름은 비동기이며 값은 true로 설정됩니다.처음 알게 되었을 때도 조금 혼란스러웠기 때문에 다시 한 번 살펴보도록 하겠습니다.

Synchronous ( async : false ): 스크립트는 정지하고 서버가 응답을 반환할 때까지 대기한 후 계속 진행합니다.Synchronous Ajax가 필수인 경우가 있습니다.

표준 웹 애플리케이션에서는 고객과 서버 간의 상호 작용이 동기화됩니다.이것은 한 가지 일이 연이어 일어나야 한다는 것을 의미합니다.고객이 링크를 클릭하면 요청은 서버로 전송되고 서버는 결과를 반환합니다.

요청이 분실되어 브라우저가 정지될 위험이 있으므로 동기 Javascript는 이벤트 핸들러를 언로드하기 전에 서버로부터 응답을 받아야 하는 경우에는 동기 Javascript가 최상의 옵션만은 아닙니다.

$.ajax({
         url: "file.php",
         type: "POST",
         async: false,
         success: function(data) {
                // .....
         }
      });

[Asynchronous](비동기: true) : 스크립트에 의해 페이지 처리가 계속 가능하며 페이지가 도착했을 때 응답을 처리합니다.파일 요청 및/또는 전송에서 문제가 발생하더라도 프로그램은 문제를 인식하고 복구할 수 있습니다.비동기적으로 처리하면 방문자가 웹 페이지와 계속 대화할 수 있고 요청하신 정보는 페이지가 도착했을 때 갱신된 응답으로 처리되기 때문에 서버로부터의 취득이 이루어지는 동안 지연을 피할 수 있습니다.

$.ajax({
         url: "file.php",
         type: "POST",
         async: true,
         success: function(data) {
                    // .....
         }
       });

이 기사도 봐주세요.

비동기 및 동기 AJAX 콜

로 설정false는 메인 스레드(JavaScript 실행, 화면 렌더링 등)를 차단하고 XHR이 완료될 때까지 기다립니다.

이것은 거의 항상 끔찍한 생각이다.사용자는 응답하지 않는 UI를 좋아하지 않습니다.

비동기(디폴트:true)

유형: 부울

요구가 비동기적으로 은 비동기적으로 됩니다).true는, 이을 「동기의 요구」로 설정합니다.false.도메인 요구dataType: "jsonp"요청은 동기 조작을 지원하지 않습니다.동기요구는 일시적으로 브라우저를 잠그고 요청이 활성화되어 있는 동안 모든 액션이 비활성화될 수 있습니다.jQuery 1.8에서는async: falsejqXHR)을 $.Deferred는 권장되지 하는 메서드 jqXHR.done().

소스입니다.

언급URL : https://stackoverflow.com/questions/20209097/what-is-the-difference-between-asyncfalse-and-asynctrue-in-jquery-ajax