使用jQuery 和PHP 的JSONP:跨來源請求範例
理解JSONP 的概念可能具有挑戰性,尤其是在嘗試實現時在你自己的專案中。在本文中,我們將提供一個結合了 jQuery、PHP 和 JSONP 的簡單而有效的範例。透過觀看此演示,您將清楚地了解如何使用此機制執行跨域請求。
挑戰
讓我們考慮一個場景,其中我們在一個網域(例如,mywebsite.com)上託管一個網頁,並在另一個網域(例如, someotherserver.com)。由於同源策略,無法使用傳統的 Ajax 方法直接存取資料。
請輸入JSONP:跨源解決方案
JSONP 是一個該技術允許您利用瀏覽器不對腳本標籤施加同源限制的事實來發出跨域請求。本質上,我們可以將想要檢索的資料包裝到函數呼叫中,並使用 script 標籤來載入它。
jQuery $.getJSON 方法
當使用 jQuery 發出 JSONP 請求,您可以使用 $.getJSON() 方法。此方法使用 JSONP 自動偵測並處理跨域請求。
PHP 伺服器端腳本
在伺服器端,我們建立一個 PHP 腳本來處理以 JSONP 期望的格式請求並傳回資料。我們將使用 ?callback=?參數來指定將用於包裝傳回資料的回呼函數。
測試範例
為了測試我們的範例,我們將在網頁上使用 jQuery和伺服器上的 PHP。 jQuery 程式碼將向伺服器發出 JSONP 請求,伺服器端 PHP 腳本將傳回封裝在回呼函數中的資料。收到回應後,jQuery 將執行回呼並處理傳回的資料。
以上是jQuery和PHP如何實作跨域請求的JSONP?的詳細內容。更多資訊請關注PHP中文網其他相關文章!