在线学ajax,ajax学习
AJAX:
1. 概念: ASynchronous JavaScript And XML異步的JavaScript 和 XML
1. 異步和同步:客戶端和服務器端相互通信的基礎(chǔ)上
* 客戶端必須等待服務器端的響應。在等待的期間客戶端不能做其他操作。
* 客戶端不需要等待服務器端的響應。在服務器處理請求的過程中,客戶端可以進行其他的操作。
Ajax 是一種在無需重新加載整個網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術(shù)。 [1]
通過在后臺與服務器進行少量數(shù)據(jù)交換,Ajax 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下,對網(wǎng)頁的某部分進行更新。
傳統(tǒng)的網(wǎng)頁(不使用 Ajax)如果需要更新內(nèi)容,必須重載整個網(wǎng)頁頁面。
提升用戶的體驗
2. 實現(xiàn)方式:
1. 原生的JS實現(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.接受并處理來自服務器的響應結(jié)果
//獲取方式 :xmlhttp.responseText
//什么時候獲取?當服務器響應成功后再獲取
//當xmlhttp對象的就緒狀態(tài)改變時,觸發(fā)事件onreadystatechange。
xmlhttp.onreadystatechange=function()
{//判斷readyState就緒狀態(tài)是否為4,判斷status響應狀態(tài)碼是否為200
if(xmlhttp.readyState==4 &&xmlhttp.status==200)
{//獲取服務器的響應結(jié)果
varresponseText=xmlhttp.responseText;
alert(responseText);
}
}
}
總結(jié)
以上是生活随笔為你收集整理的在线学ajax,ajax学习的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 软件项目管理(一)
- 下一篇: GraPhlAn:最美进化树或层级分类树