1.什么是AJAX?
AJAX全稱為“Asynchronous JavaScript and XML”(異步JavaScript和XML),是一種創建交互式網頁應用的網頁開發技術。它使用:
使用XHTML+CSS來標準化呈現;
使用XML和XSLT進行數據交換及相關操作;
使用XMLHttpRequest對象與Web服務器進行異步數據通信;
使用Javascript操作Document Object Model進行動態顯示及交互;
使用JavaScript綁定和處理所有數據。
2.AJAX的工作原理
Ajax的工作原理相當于在用戶和服務器之間加了—個中間層(AJAX引擎),使用戶操作與服務器響應異步化。并不是所有的用戶請求都提交給服務器,像—些數據驗證和數據處理等都交給Ajax引擎自己來做, 只有確定需要從服務器讀取新數據時再由Ajax引擎代為向服務器提交請求。
Ajax:Asynchronous javascript and xml,實現了客戶端與服務器進行數據交流過程。使用技術的好處是:不用頁面刷新,并且在等待頁面傳輸數據的同時可以進行其他操作。
這就是異步調用的很好體現。首先得了解什么是異步和同步的概念。
舉個例子:比如你去圖書館借某種書,可惜圖書館此書被借完。這時可以采用兩種做法。
第一種做法:在圖書館一直等待,直到有人還書,然后再去吃飯睡覺。
第二種做法:直接跟圖書館管理員約定,若是有人還書,直接通知你。你則該忙什么忙什么。到時候會通知你。
而第一種做法就是同步的表現,必須等待別人還書(等待服務器返回信息)才進行其他事情,至死方休。
而第二種做法就是異步的表現,不耽誤時間,合理利用時間高效率做事。
遇到這種情況,你會采用那種辦法呢?
選擇第一種,哈哈,說明你太執著啦;選擇第二種,說明你靈活變通,合理安排自己的人生。你自己看著辦吧。
那Ajax是如何從瀏覽器發送Http請求到服務器呢?
這就得使用一個重要的對象XMLHttpRequest。
那首先了解一下XMLHttpRequest對象的屬性和方法。
主要的屬性:
readyState屬性有五個狀態值。
0:是uninitialized,未初始化。已經創建了XMLHttpRequest對象但是未初始化。
1:是loading,send for request but not called .已經開始準備好要發送了。
2:是loaded, send called,headers and status are available。已經發送,但是還沒有收到響應。
3:是interactive,downloading response,but responseText only partial set.正在接受響應,但是還不完整。
4:是completed,finish downloading.接受響應完畢。
responseText:服務器返回的響應文本。只有當readyState>=3的時候才有值,根據readyState的狀態值,可以知道,當readyState=3,返回的響應文本不完整,只有readyState=4,完全返回,才能接受全部的響應文本。
新聞熱點
疑難解答
圖片精選