首頁  >  文章  >  後端開發  >  分析PHP下ajax跨域的解法之jsonp實例

分析PHP下ajax跨域的解法之jsonp實例

coldplay.xixi
coldplay.xixi轉載
2020-08-06 15:55:042477瀏覽

分析PHP下ajax跨域的解法之jsonp實例

本文實例講述了PHP下ajax跨域的解法之jsonp。分享給大家供大家參考,具體如下:

#首先要說明json和jsonp的差別?

json是一種基於文字的資料交換方式,或稱為描述資料的一種格式。

相關學習推薦:php程式設計(視訊)

var person = {
  "name": "test",
  "age": "25",
  "sex": "男"
};

var data = [1, 2, 3, 4, 5];

而jsonp是一種非官方跨域資料互動協議,該協議允許使用者傳遞一個callback參數給服務端,然後服務端回傳資料時會將這個callback參數當作函數名來包裹住json數據,這樣客戶端就可以隨意自訂自己的函數來自動處理回傳資料了。

例如我在a.com的網站上引用了b.com的一個b.js,但這樣跨域的引用並不會產生錯誤,說明呼叫js檔案時不受跨域的影響。

那麼我們在b.js裡加入以下程式碼,看看是否能夠執行

alert("I from b");

確定是可以執行。

那麼如果我們在a.com上自已創建一個js函數,而在b.com下的b.js中調用,那是否可行呢?

a.com下的index.html如下:




  
  


  
  

b.com下的b.js如下:

a("from b");

上面也是可以執行的,我們可以看到在b.js中的資料確實正確的傳到了函數a。

問題又來了,a.com中創建的函數名與b.js中調用的函數名必須一致,那麼如何才能讓b.com服務端知道這個函數名,只有透過地址列來傳遞了,加上一個callback=函數名來傳遞。當然callback這個命名可以改,但大家都這麼命名,也就約定俗成了。

a.com下的index.html如下:




  
  


  

  
  

b.com下的b.php如下:

 1,
    'name' => '测试',
  ));

  echo "{$callback}({$data});";
}

上面也是可以執行的,知道了回呼函數名,b.com服務端處理數據,然後透過字串拼接輸出。

jquery中就已經提供了jsonp的支持,a.com下的index.html如下所示:




  
  


  

跨域策略限制情況表如下:

##http:// www.a.com:8000/a.js##http://www.a. com/a.js主域相同,子網域不同不允許##http:// www.a.com/a.js http://a.com/b.js##http:/ /www.a.com/a.js      http://www.b.com/b.js#不允許
URL說明允許通訊
http:// www.a.com/a.js
http://www.a.com/b.js
在同一網域下允許
http://www.a.com /lab/a.js
http://www.a.com/script/b.js
同一網域下不同資料夾#允許

## http://www.a.com/b.js
相同域名,不同埠不允許
#http://www. a.com/a.js
https://www.a.com/b.js
同一域名,不同協定不允許
#http://www. a.com/a.js
http://127.0.0.100/b.js
網域與網域對應ip#不允許
http://script.a.com/b.js

同一域名,不同二級域名(同上)
不允許
不同網域
##

以上是分析PHP下ajax跨域的解法之jsonp實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jb51.net。如有侵權,請聯絡admin@php.cn刪除