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

來源:互聯網
上載者:User

標籤: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的工作原理,以及區別。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.