> 웹 프론트엔드 > JS 튜토리얼 > Ajax를 구체적으로 사용하는 방법은 무엇입니까? ajax를 사용한 4단계 분석(예제 포함)

Ajax를 구체적으로 사용하는 방법은 무엇입니까? ajax를 사용한 4단계 분석(예제 포함)

寻∝梦
풀어 주다: 2018-09-10 13:57:56
원래의
2217명이 탐색했습니다.

이 글은 ajax 사용 4단계를 주로 소개합니다. 보고 싶은 분들은 빨리 읽어보세요

#🎜 🎜##🎜 🎜#1. 첫 번째 단계(XMLHttpRequest 가져오기)

*ajax는 실제로 XMLHttpRequest 객체 하나만 배우면 됩니다. #🎜 🎜 ## #####*####xmlhttprequest### ## #######xmlhttprequest ();#🎜🎜 ## ## 🎜🎜 #

>IE6.0 지원:

var xmlHttp=new

# 🎜🎜#ActiveXObject("Msxml2.XMLHTTP");# 🎜🎜#

🎜# IE5.5 및 이전 버전 지원:

var xmlHttp=new # 🎜🎜#

ActiveXObject("Microsoft. 🎜#*#🎜을 생성하는 함수를 작성하세요. 🎜#XMLHttpRequest

# 🎜 2번. 2단계 (서버 연결 열기) 🎜🎜#

*xmlHttp.open()은 서버와의 연결을 여는 데 사용되며 세 가지 매개변수가 필요합니다. #🎜🎜 ## 🎜🎜#

# 🎜🎜# > 요청 방법: GET 또는 POST 🎜 ##🎜 🎜# > 요청된 URL: 서버 측 리소스를 지정합니다. 예: /project/action #🎜 🎜#

# 🎜 🎜##🎜 🎜# > > 요청이 비동기인지 여부: True이면 비동기 요청을 보내는 것을 의미하고, 그렇지 않으면 동기 요청을 의미합니다. # 🎜🎜#

*xmlHttp.open("GET","/project/action",true) ) 3. 세 번째 단계(요청 보내기) *xmlHttp.send(null); null로 인해 일부 브라우저에서는 콘텐츠를 보낼 수 없습니다. GET 요청인 경우 콘텐츠는 null이어야 합니다. 🎜#*xmlHttp 객체의 이벤트에 리스너 등록: onredaystatechange

#🎜🎜 #*xmlHttp 개체에는 총 5가지 상태가 있습니다. # >0 상태: 방금 생성되었으며 open() 메서드가 아직 호출되지 않았습니다. #🎜 🎜#

     >1状态:请求开始,调用了open()方法,但还没有调用send()方法;

     >2状态:调用完了send()方法;

     >3状态:服务器已经开始响应,但不表示响应结束;

     >4状态:服务器响应结束!(我们通常只关注这个状态!!!)

*得到xmlHttp对象的状态;

      >var  state  =xmlHttp.redayState;  //可能是0、1、2、3、4

*得到服务器的响应状态码

      >var  state  =xmlHttp.status; //例如为200、404、500

*得到服务器的响应内容

>var  content = xmlHttp.responseText; //得到服务器响应的文本格式内容;
 
     >var  content = xmlHttp.responseXML; //得到服务器响应的xml内容,它是Document对象;
 
 xmlHttp.onredaystatechange=function() { //5种状态都会调用本方法;
 
          if(xmlHttp.redayState==4 && xmlHttp.status==200){  //双重判断,缺一不可
               
 //获取服务器的响应内容
 
                 var  text = xmlHttp.responseText;
 
          }
 };
로그인 후 복사

本篇文章到这就结束了(想看更多就到PHP中文网AJAX使用手册栏目中学习),有问题的可以在下方留言提问。

위 내용은 Ajax를 구체적으로 사용하는 방법은 무엇입니까? ajax를 사용한 4단계 분석(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿