1. 程式人生 > >jsonp跨域ajax跨域get方法

jsonp跨域ajax跨域get方法

註意 地址 json 數據 回調 llb 第三方 bsp span

原理:

就是利用<script >標簽沒有跨域限制的,從而達到與第三方網站通訊的目的。當需要通訊時,本站腳本創建一個<script>標簽,src地址指向第三方網站的的一個網址。形如:

<script src="http://www.abc.com/index.php/?param1=1&callback=fnName"></script>

本站並提供一個回調函數來接收數據(函數名可約定,或通過地址參數傳遞)。

第三方網站產生的響應為json數據的包裝(故稱之為jsonp,即json padding),形如:

callback({"name":"fegnjie","age":"18"})

,這樣本站瀏覽器會調用callback函數,並傳遞解析後json對象作為參數。

註意:jsonp只針對get請求有效。

代碼:

local.com域名中的文件:

技術分享圖片

native.com域名中的文件:

技術分享圖片

請求結果:

技術分享圖片

請求的形式:

技術分享圖片

淘寶的jsonp跨域案例:

技術分享圖片

jsonp跨域ajax跨域get方法