Ajax 요청에서 async:false/true의 역할 분석

이 글은 주로 Ajax 요청에서 async:false/true의 역할을 소개하며, 예시 분석을 바탕으로 Ajax 요청에서 async:false/true의 구체적인 기능과 사용법을 설명합니다.

이 기사의 분석 예 Ajax 요청에서 async:false/true의 역할을 이해합니다. 참조를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

test.html 코드:

<a href="javascript:void(0)" onmouseover="testAsync()">

asy.js 코드:

function testAsync(){
  var temp;
  $.ajax({
    async: false,
    type : "GET",
    url : 'tet.php',
    complete: function(msg){
      alert('complete');
    },
    success : function(data) {
      alert('success');
      temp=data;
    }
  });
  alert(temp+'  end');
}

tet.php 코드:

<?php
  echo "here is html code";
  sleep(5);
?>

async : false, (기본값은 true);

위와 같이 false는 동기화를 의미합니다. 이 testAsync() 메서드의 Ajax 요청은 tet.php 실행이 완료된 후에만 다른 작업을 잠급니다. 수행될 수 있습니다.

async: true인 경우 Ajax 요청은 비동기입니다. 그러나 문제가 있습니다. testAsync()의 ajax 요청과 후속 작업은 비동기적으로 실행되므로 tet.php가 실행되기 전에 ajax 요청 다음 작업이 실행되었을 수 있습니다.

예: alert(temp+' end');

단, ajax 요청 성공 후 임시 데이터가 할당되어 결과적으로 출력 시 비어 있게 됩니다.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사 :

ajax는 3 단계의 지방 및 지방 자치 단체를 인식합니다.

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