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請求