這篇文章主要的介紹了關於ajax使用的四個步驟,想看的同學趕緊看過來,現在我們就開始閱讀本篇文章吧
# 1.第一步(得到XMLHttpRequest)
*ajax其實只需要學習一個物件:XMLHttpRequest,如果掌握了它就掌握了AJAX
#* 得到XMLHttpRequest
>大多數瀏覽器都支援:var xmlHttp=new XMLHttpRequest();
## >IE6.0支援:var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
>IE5.5及更早版本的IE支援:
var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
*寫出建立 XMLHttpRequest 的函數 function createXMLHttpRequest() {
try{
return new XMLHttpRequest();
}catch{
try{
return
new ActiveXObject("Msxml2.XMLHTTP");
}catch{
try{
return newActiveXObject("Microsoft.XMLHTTP");
}catch{
alert("怎么可能,你用的啥浏览器。。。")
throw e;
}
}
}
}
#2.第二步(開啟與伺服器的連線)
################################*xmlHttp.open();用來開啟與伺服器的連接,需要三個參數;################################################ ######### >請求方式:GET或POST###################################################################################################### ############### >請求的網址:指定伺服器端資源,例如:/專案/action################# ############################## >請求是否為非同步:如果為True表示傳送非同步請求,否則為同步請求; ##############################*###xmlHttp.open("GET","###/專案/action ###",true);######(想看更多就到PHP中文網###AJAX開發手冊###欄位學習)############3 .第三步 (發送請求)##################*###xmlHttp.send(null); 如果括號裡不給null可能會造成部分瀏覽器無法寄;######################## >參數:就是請求體的內容,如果是GET請求,必須給予null###### ##################4.第四步 ########################*在# ##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所使用的四步驟解析(附實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!