標籤:state 驗證 支援 change ready 工作原理 .json 允許 成功
Ajax工作原理是
相當於在使用者和伺服器之間加了—個中介層(AJAX引擎),使使用者操作與伺服器響應非同步化。
對於使用者請求ajax引擎會做一些資料驗證和資料處理,不是所有請求都提交給伺服器,當需要從伺服器讀取新資料時由Ajax引擎代為向伺服器提交請求。AJAX最大優點就是不重新整理整個頁面的前提下與伺服器通訊維護資料。
過程的話
第一步:建立一個ajax引擎對象,ie6的是new ActiveXObject其他瀏覽器是new一個xmlHttpRequest對象
第二步 調用open方法啟動一個請求以備發送,open方法傳入三個參數 請求類型,請求url和一個布爾值
第三步 調用send方法發送
第四部 處理回呼函數onreadystatechange,當readState = 4 響應資料完成時 並且2status=200請求成功的時候處理響應資料
注意:回呼函數要寫在open()和send()之前
Jsonp原理
動態建立一個script標籤,利用script標籤src屬性訪問沒有限制,實現跨域。
web用戶端通過與呼叫指令碼一樣的方式來調用跨網域服務器上動態產生的js格式檔案(尾碼.json),伺服器之所以要動態產生json檔案目的把用戶端需要的資料裝入進去。
允許使用者傳遞一個callback參數給服務端,然後服務端返回資料時會將這個callback參數作為函數名來包裹住json資料 這樣用戶端就可以隨意定製自己的函數來自動處理返回資料
Ajax 和 jsonp的區別
1.ajax和jsonp的調用方式很像,目的一樣,都是請求url,然後把伺服器返回的資料進行處理,因此jquery和ext等架構都把jsonp作為ajax的一種形式進行了封裝;
2.實質不同
ajax的核心是通過xmlHttpRequest擷取非本頁內容
jsonp的核心是動態添加script標籤調用伺服器提供的js指令碼(尾碼.json)
3.區別聯絡
不在於是否跨域
ajax通過服務端代理一樣跨域
jsonp也不並不排斥同域的資料的擷取
4.jsonp是一種方式或者說非強制性的協議
ajax也不一定非要用json格式來傳遞資料
5.jsonp只支援get請求,ajax支援get和post請求
Ajax和Jsonp的工作原理,以及區別。