jsonp和ajax的區別有哪些

這篇“jsonp和ajax的區別有哪些”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“jsonp和ajax的區別有哪些”文章吧。

區別：1、ajax的核心是通過xmlHttpRequest獲取非本頁內容，而jsonp的核心是動態添加script標簽調用服務器提供的js腳本；2、jsonp只支持get請求，而ajax支持get和post請求。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

ajax和jsonp的調用方式很像，目的一樣，都是請求url，然后把服務器返回的數據進行處理，因此jquery和ext等框架都把jsonp作為ajax的一種形式進行了封裝。下面我們來了解一下jsonp和ajax，并介紹一下它們的區別。

一、Ajax工作原理

相當于在用戶和服務器之間加了—個中間層(AJAX引擎)，使用戶操作與服務器響應異步化。對于用戶請求ajax引擎會做一些數據驗證和數據處理，不是所有請求都提交給服務器，當需要從服務器讀取新數據時由Ajax引擎代為向服務器提交請求。AJAX最大優點就是不刷新整個頁面的前提下與服務器通信維護數據。

過程：

第一步：創建一個ajax引擎對象，IE6的是new ActiveXObject，其他瀏覽器是new一個xmlHttpRequest對象；

第二步：調用open方法啟動一個請求以備發送，open方法傳入三個參數：請求類型，請求url和一個布爾值；

第三步：調用send方法發送；

第四步：處理回調函數onreadystatechange，當readState = 4 （響應數據完成），并且status=200（請求成功）時候處理響應數據。

注意：回調函數要寫在open（）和send（）之前。

二、Jsonp工作原理

動態創建一個script標簽，利用script標簽src屬性訪問沒有限制來實現跨域。

web客戶端通過與調用腳本一樣的方式來調用跨域服務器上動態生成的js格式文件(后綴.json)，服務器動態生成json文件目的是把客戶端需要的數據裝入進去。

允許用戶傳遞一個callback參數給服務端，然后服務端返回數據時會將這個callback參數作為函數名來包裹住json數據，這樣客戶端就可以隨意定制自己的函數來自動處理返回數據。

三、Ajax 和 jsonp的區別

• ajax的核心是通過xmlHttpRequest獲取非本頁內容；
  

  jsonp的核心是動態添加script標簽調用服務器提供的js腳本（后綴.json)。

• jsonp是一種方式或者說非強制性的協議，ajax也不一定非要用json格式來傳遞數據。

• jsonp只支持get請求，ajax支持get和post請求。

以上就是關于“jsonp和ajax的區別有哪些”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。