Ajax和Jsonp的工作原理,以及區別。


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.ajaxjsonp的調用方式很像,目的一樣,都是請求url,然后把服務器返回的數據進行處理,因此jqueryext等框架都把jsonp作為ajax的一種形式進行了封裝;
2.實質不同
 ajax的核心是通過xmlHttpRequest獲取非本頁內容
 jsonp的核心是動態添加script標簽調用服務器提供的js腳本后綴.json)
3.區別聯系
 不在於是否跨域
 ajax通過服務端代理一樣跨域
 jsonp也不並不排斥同域的數據的獲取
4.jsonp是一種方式或者說非強制性的協議
 ajax也不一定非要用json格式來傳遞數據 

5.jsonp只支持get請求,ajax支持getpost請求


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM