扣丁學(xué)堂Java培訓(xùn)之Ajax異步請求
2018-02-01 10:47:34
1291瀏覽
Ajax簡介
1、Ajax:(AsynchronousJavaScriptAndXML)只刷新局部頁面的技術(shù)。
它不是一種新的編程語言,而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的Web應(yīng)用程序的技術(shù),是基于JavaScript、XML、HTML、CSS新用法。
JavaScript:更新局部的網(wǎng)頁
XML:一般用于請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)的封裝
XMLHttpRequest對象:發(fā)送請求到服務(wù)器并獲得返回結(jié)果
CSS:美化頁面樣式
異步:發(fā)送請求后不等返回結(jié)果,由回調(diào)函數(shù)處理結(jié)果
使用場景:
a)搜索
b)地圖
c)校驗(yàn)
d)獲取數(shù)據(jù)
2、Ajax交互模型
傳統(tǒng)web交互方式
Ajax的交互方式
3、關(guān)鍵技術(shù)點(diǎn)
XMLHttpRequest對象
XMLHttpRequest用于在后臺與服務(wù)器交換數(shù)據(jù)。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下,對網(wǎng)頁的某部分進(jìn)行更新。所有現(xiàn)代瀏覽器均支持XMLHttpRequest對象(IE5和IE6使用ActiveXObject)。
a)創(chuàng)建對象的語法:
variable=newXMLHttpRequest();
老版本的InternetExplorer(IE5和IE6)使用ActiveX對象:
variable=newActiveXObject("Microsoft.XMLHTTP");
向服務(wù)器發(fā)送請求
如需將請求發(fā)送到服務(wù)器,我們使用XMLHttpRequest對象的open()和send()方法。
語法:open(method,url,async)和xmlhttp.send()。
onreadystatechange事件
當(dāng)請求被發(fā)送到服務(wù)器時(shí),我們需要執(zhí)行一些基于響應(yīng)的任務(wù)。每當(dāng)readyState改變時(shí),就會觸發(fā)onreadystatechange事件。readyState屬性存有XMLHttpRequest的狀態(tài)信息。下面是XMLHttpRequest對象的三個(gè)重要的屬性:
onreadystatechange
存儲函數(shù)(或函數(shù)名),每當(dāng)readyState屬性改變時(shí),就會調(diào)用該函數(shù)。
readyState
存有XMLHttpRequest的狀態(tài)。從0到4發(fā)生變化。
·0:請求未初始化
·1:服務(wù)器連接已建立
·2:請求已接收
·3:請求處理中
·4:請求已完成,且響應(yīng)已就緒
status
200:"OK"
404:未找到頁面
如需獲得來自服務(wù)器的響應(yīng),請使用XMLHttpRequest對象的responseText或responseXML屬性。
4.案例
以上就是關(guān)于扣丁學(xué)堂Java培訓(xùn)之Ajax異步請求的詳細(xì)介紹,最后想要學(xué)習(xí)JavaEE培訓(xùn)課程的小伙伴可以聯(lián)系我們扣丁學(xué)堂的咨詢老師,我們這里有配套的JavaEE視頻教程課程,在你成為JAVA開發(fā)工程師的道路上助你一臂之力,或者直接加入扣丁學(xué)堂學(xué)習(xí)交流群:670348138。
【關(guān)注微信公眾號獲取更多的學(xué)習(xí)資料】
查看更多關(guān)于“Java開發(fā)資訊”的相關(guān)文章>>
標(biāo)簽:
JavaEE視頻教程
JavaEE培訓(xùn)
JavaEE開發(fā)工程師
Java培訓(xùn)
Java開發(fā)程序員
Ajax異步請求