超級(jí)詳細(xì)的AJAX教程(解鎖ajax實(shí)用教程)

什么是 AJAX?
1)AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。
2)AJAX 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下,能夠更新部分頁(yè)面內(nèi)容的新方法,AJAX 不是新的編程語(yǔ)言,而是使用現(xiàn)有技術(shù)混合使用的一種新方法。ajax 中使用的技術(shù)有JavaScript, html , dom , xml ,css 等。主要是 JavaScript , XML.
???? JavaScript::使用腳本對(duì)象 XMLHttpRequest 發(fā)送請(qǐng)求, 接收響應(yīng)數(shù)據(jù)
????? XML:發(fā)送和接收的數(shù)據(jù)格式,現(xiàn)在使用 json
3)AJAX 不單需要前端的技術(shù),同時(shí)需要后端(服務(wù)器)的配合。服務(wù)器需要提供數(shù)據(jù),數(shù)據(jù)是 AJAX 請(qǐng)求的響應(yīng)結(jié)果。
?別劃走末尾有視頻教程哦?。?!

AJAX 異步實(shí)現(xiàn)步
XMLHttpRequest 對(duì)象介紹:?
(1)?創(chuàng)建對(duì)象方式
var xmlHttp = new XMLHttpRequest();
(2)?onreadstatechange 事件
?????? 當(dāng)請(qǐng)求被發(fā)送到服務(wù)器時(shí),我們需要執(zhí)行一些基于響應(yīng)的任務(wù)。每當(dāng) readyState 改變時(shí),就會(huì)觸發(fā) onreadystatechange 事件。此事件可以指定一個(gè)處理函數(shù) function。通過(guò)判斷XMLHttpReqeust 對(duì)象的狀態(tài),獲取服務(wù)端返回的數(shù)據(jù)。

(3) 初始化請(qǐng)求參數(shù)

(4) 發(fā)送請(qǐng)求
xmlHttp.send()
(5)?接收服務(wù)器響應(yīng)的數(shù)據(jù)
????? 如需獲得來(lái)自服務(wù)器的響應(yīng),請(qǐng)使用 XMLHttpRequest 對(duì)象的 responseText 或
responseXML 屬性。
responseText:獲得字符串形式的響應(yīng)數(shù)據(jù)
responseXML:獲得 XML 形式的響應(yīng)數(shù)據(jù)

推薦觀看教程指路:

教程簡(jiǎn)介:
??? 傳統(tǒng)開(kāi)發(fā)的缺點(diǎn),是對(duì)于瀏覽器的頁(yè)面,全部都是全局刷新的體驗(yàn)。如果我們只是想取得或是更新頁(yè)面中的部分信息那么就必須要應(yīng)用到局部刷新的技術(shù)。局部刷新也是有效提升用戶體驗(yàn)的一種非常重要的方式。
???? ajax技術(shù)是基于js語(yǔ)言的擴(kuò)展,能夠通過(guò)將請(qǐng)求發(fā)送給后臺(tái),并從后臺(tái)取得相關(guān)數(shù)據(jù),然后將數(shù)據(jù)在頁(yè)面做局部刷新的重要技術(shù)。
???? 本課程會(huì)通過(guò)對(duì)ajax的傳統(tǒng)使用方式,結(jié)合json操作的方式,結(jié)合跨域等高級(jí)技術(shù)的方式,對(duì)ajax做一個(gè)全面的講解。