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

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

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

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

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

推薦觀看教程指路:

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