Ajax에 비동기를 요청하는 방법은 무엇입니까? 사용 방법

이번에는 Ajax 요청에 대한 비동기 방식이 무엇인지 보여드리겠습니다. 어떻게 사용해야 하나요? Ajax에서 비동기를 요청하는 주의 사항은 무엇인가요? 다음은 실제 사례입니다.

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 code:

<?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 요청 성공 후 임시 데이터가 할당되어 결과적으로 출력 시 비어 있게 됩니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

ajax로 Json 데이터를 읽는 방법

양식 JSON 변환을 구현하기 위해 AJAX를 구성하는 방법

위 내용은 Ajax에 비동기를 요청하는 방법은 무엇입니까? 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!