Ajax 기본 개념 자세히 설명

Ajax의 주요 기능은 브라우저에서 서버에 동기적으로 접근합니다: 브라우저의 XMLHttpRequest 객체를 통해 일부 데이터를 보내서 서버와 상호작용하고, 서버가 일부 데이터를 반환하면 클라이언트의 일부 페이지를 업데이트합니다.

1.XMLHttpRequest 객체를 초기화합니다

var request;
if (window.XMLHttpRequest){
 request=new XMLHttpRequest();
}
else{
 request=new ActiveXObject("Microsoft.XMLHTTP");
 //ie와 호환됩니다5 6
}

2.XMLHttpRequest 메서드를 사용하여 서버로 요청을 전송합니다

request.open("POST",get.php,true);//요청
//http 헤더를 설정하여 서버에 send 키/값 쌍으로 표单을 전송하겠다고 알립니다.
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//POST는 Content를 설정해야 합니다-Type의 값은 open과 send 사이에 있습니다
request.send("name=왕이두고&sex=남");//send 메서드를 사용하여 서버로 전송합니다

3.응답을 얻는 방법

responseText 문자열 형식의 응답 데이터를 얻습니다
responseXML XML 형식의 응답 데이터를 얻습니다
status와 statusText는 숫자와 텍스트 형식으로 HTTP 상태 코드를 반환합니다
getAllResponseHeader() 모든 응답 헤더를 얻습니다
getResponseHeader() 응답에서 특정 필드의 값을 조사합니다

4readyState 속성의 변화를 리스닝하는 것은 중요합니다

　　　 0 请求未初始化，open还没有被调用

　　　 를 위해1 서버 연결이 설정되었으며, open이 호출되었습니다

　　　 를 위해2 요청이 수신되었으며, 헤더 정보를 받았습니다

　　　 를 위해3 요청이 처리 중이며, 응답 본문을 받았습니다

　　　 를 위해4 요청이 완료되었으며, 응답이 준비되었으며, 응답이 완료되었습니다

//readyState가 변할 때 트리거됩니다
//onreadystatechange 이벤트를 통해 readyState 속성의 변화를 확인합니다
request.onreadystatechange=function(){
 if(request.readyState===4&&request.status===200){
 //일정한 작업을 수행하다. 예를 들어, 응답 데이터 request.responseText를 가져옵니다
 }
}

5완전한 XHR

var request=new XMLHttpRequest();//1XHR 객체를 생성합니다
request.open("GET","get.php?number=" +폼에서 제출해야 할 데이터, true);//2open 메서드를 호출합니다
//이곳에서는 POST 요청이면, send는 데이터를 포함한 객체입니다
request.send();//데이터를 보냅니다
request.onreadystatechange=function(){ //3서버가 올바르게 응답하는지 확인하기 위해 리스닝을 합니다
 if(request.readyState===4&&request.status===200){
 //4일정한 작업을 수행하다. 예를 들어, 서버 응답 내용 request.responseText를 가져옵니다
 }
}

이것이 본 문서의 전부입니다. 본 문서의 내용이 여러분의 학습이나 업무에 도움이 되길 바랍니다. 또한, 나아가 지적 훈련을 많이 지원해 주시기를 바랍니다!

고지사항: 본 문서의 내용은 인터넷에서 가져왔으며, 저작권자는 본 사이트가 소유하지 않으며, 인터넷 사용자가 자발적으로 기여하고 업로드한 내용으로, 본 사이트는 인공적인 편집을 하지 않았으며, 관련 법적 책임도 부담하지 않습니다. 저작권 위반이 의심되는 내용이 있으시면, 이메일을 notice#w로 발송하여 주시기 바랍니다.3codebox.com에 (이메일을 보내는 경우, #을 @으로 변경하십시오) 신고를 해 주시고 관련 증거를 제공하시면, 사실이 확인되면 이 사이트는 즉시 위반된 내용을 삭제할 것입니다.