ajax請求受同源策略影響，不允許進行跨域請求，而script標簽src屬性中的鏈接卻可以訪問跨域的js腳本，利用這個特性，服務端不再返回JSON格式的數據，而是返回一段調用某個函數的js代碼，在src中進行了調用，這樣實現了跨域。

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

轉載于:https://www.cnblogs.com/duanzhange/p/9325735.html

總結

以上是生活随笔為你收集整理的jsonp的原理？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。