ajax 의 특성 및 어 지 러 운 코드 등

ajax 의 전 칭 은 asynchronous javascript and XML 이 며, 비동기 적 인 js 와 XML 입 니 다.그것 은 부분 새로 고침, 비동기 작업 입 니 다.모두 ajax 가 단일 스 레 드 라 는 것 을 알 고 있 습 니 다. 그리고 그 자체 가 동기 화 되 었 습 니 다. 그런데 단일 스 레 드 가 왜 다른 방향 으로 갈 수 있 는 지 대부분 사람들 이 모 릅 니 다. 다음은 장 연 니 학생 이 여러분 에 게 설명 을 해 드 리 겠 습 니 다. (공식 적 이지 않 지만 이해 하기 쉽 습 니 다) 설명 하기 전에 제 가 먼저 큰 집에 선형 데이터 구 조 를 말씀 드 리 겠 습 니 다. 우 리 는 단일 선형 데이터 구 조 를 하나의 라인 으로 볼 수 있 습 니 다.선분 은 끝 이 있 는 거 아 시 죠? 한 라인 은 선분 의 머리 에 앞 구역 이 없고 꼬리 에 뒷부분 이 없습니다. 중간의 모든 요 소 는 앞 뒤에 두 개의 요소 가 있 습 니 다. 한 요소 가 없 을 때 두 개의 요소 가 알 고 알려 줄 것 입 니 다.그것 도 원소 가 하나 도 없어 서 는 안 돼.리 셋 함 수 는 함수 A 를 매개 변수 로 함수 B 에 전달 하고 함수 B 는 이 함수 A 를 집행 하 는 것 이다.리 셋 함수 에서 가장 흔히 볼 수 있 는 용법 은 바로 우리 ajax 가 데 이 터 를 요청 할 때 사용 하 는 succes () and error () 라 는 두 함수, 그리고 setInterval 의 첫 번 째 매개 변수 도 리 셋 함 수 를 사용 한 것 입 니 다.리 턴 함수, 리 턴 함수, 리 턴 의 말 은 고 개 를 돌려 그 길 을 다시 가 는 것 이 아니 겠 습 니까?그래서 ajax 는 반전 함수 success () 나 error 가 촉발 되 었 을 때 고 개 를 돌려 다시 한 번 걸 었 습 니 다. 그리고 그 는 비동기 입 니 다. 또한 ajax 는 비동기 입 니 다. 그 와 비슷 한 것 은 es6 의 promise (비동기 동기 화 작업) 도 있 습 니 다.브 라 우 저의 프로 세 스 는 다 중 프로 세 스 입 니 다. 왜 XXX 라 고 부 르 는 지 에 대해 서 는 일리 가 있 습 니 다. 두 번 째 문 제 는 만능 전단 에서 ajax 가 배경 데 이 터 를 가 져 올 때 어 지 러 운 코드 가 어떻게 되 는 지 고민 하 시 는 것 같 습 니 다. -인터넷 속도 문제 인지 인터넷 이 너무 느 려 요. -인 코딩 형식 이 일치 하지 않 을 수도 있 습 니 다. 당신 의 백 스테이지 형제 가 당신 을 속 였 습 니 다. 하하 하하 ajax 네 이 티 브 코드 를 모두 기억 할 수 있 습 니까? 제 가 한번 훑 어 보 겠 습 니 다. 코드 를 보 세 요.
//1.  xmlhttpRequest  
var xhr;
try{
      xhr = new XMLHttpRequest();
      console.log(5555)
}
catch(e){
//ie        
      xhr = new ActiveXobject("Microsoft.XMLHTTP");
}
finally{
    console.log(1111)
}
//  try{} catch{} finally{}           , if{}else{} ok 
//if(window.XMLHttpRequest){
  //  xhr = new XMLHttpRequest();
//   }else{
    //ie         
  //  xhr = new ActiveXobject("Microsoft.XMLHTTP")
//}
//2.      
xhr.open("get","url/+string",true/false);//true   ,false   
//xhr.open("post","url",true/false)
//3.      
  xhr.send(null);//get
  xhr.send(string);//post
//4.      
  xhr.onreadystatechange = function (){
    if((xhr.readystate)==4&&(xhr.status==200)){
      var data = xhr.responseText;
      var data = JSON.parse(data);
      show(data);
}
}
function show(data){
  document.getElementById("div1").innerHTML = data;
}

오늘 은 이렇게 내일 봐 요.아기 ES6 보 러 갑 니 다.

좋은 웹페이지 즐겨찾기