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

1392 단어 Ajax 요청async
본 논문 의 사례 는 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.phop 실행 이 끝 난 후에 만 다른 작업 을 수행 할 수 있 습 니 다.
async:true 일 때 ajax 요청 은 비동기 입 니 다.그러나 문제 가 있 습 니 다.testasync()의 ajax 요청 과 그 뒤의 작업 은 비동기 로 실 행 됩 니 다.그러면 tet.phop 이 아직 실행 되 지 않 았 을 때 ajax 요청 뒤의 작업 을 실 행 했 을 수 있 습 니 다.
alert(temp+'   end');
그러나 temp 이 데 이 터 는 ajax 가 success 를 요청 한 후에 야 값 을 부여 합 니 다.결 과 는 출력 할 때 비어 있 습 니 다.
ajax 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,과 을 볼 수 있 습 니 다.
본 논문 에서 말 한 것 이 여러분 의 ajax 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기