AJAX：

1. 概念： ASynchronous JavaScript And XML異步的JavaScript 和 XML

1. 異步和同步：客戶端和服務(wù)器端相互通信的基礎(chǔ)上

* 客戶端必須等待服務(wù)器端的響應(yīng)。在等待的期間客戶端不能做其他操作。

* 客戶端不需要等待服務(wù)器端的響應(yīng)。在服務(wù)器處理請求的過程中，客戶端可以進(jìn)行其他的操作。

Ajax 是一種在無需重新加載整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。 [1]

通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，Ajax 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新。

傳統(tǒng)的網(wǎng)頁(不使用 Ajax)如果需要更新內(nèi)容，必須重載整個(gè)網(wǎng)頁頁面。

提升用戶的體驗(yàn)

2. 實(shí)現(xiàn)方式：

1. 原生的JS實(shí)現(xiàn)方式(了解)

Title

//定義方法

functionfun() {//發(fā)送異步請求

//1.創(chuàng)建核心對象

varxmlhttp;if(window.XMLHttpRequest)

{//code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=newXMLHttpRequest();

}else{//code for IE6, IE5

xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

}//2. 建立連接

/*參數(shù)：

1. 請求方式：GET、POST

* get方式，請求參數(shù)在URL后邊拼接。send方法為空參

* post方式，請求參數(shù)在send方法中定義

2. 請求的URL：

3. 同步或異步請求：true(異步)或 false(同步)*/xmlhttp.open("GET","ajaxServlet?username=tom",true);//3.發(fā)送請求

xmlhttp.send();//4.接受并處理來自服務(wù)器的響應(yīng)結(jié)果

//獲取方式 ：xmlhttp.responseText

//什么時(shí)候獲取？當(dāng)服務(wù)器響應(yīng)成功后再獲取

//當(dāng)xmlhttp對象的就緒狀態(tài)改變時(shí)，觸發(fā)事件onreadystatechange。

xmlhttp.onreadystatechange=function()

{//判斷readyState就緒狀態(tài)是否為4，判斷status響應(yīng)狀態(tài)碼是否為200

if(xmlhttp.readyState==4 &&xmlhttp.status==200)

{//獲取服務(wù)器的響應(yīng)結(jié)果

varresponseText=xmlhttp.responseText;

alert(responseText);

}

}

}

總結(jié)

以上是生活随笔為你收集整理的在线学ajax,ajax学习的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。