如何在 JavaScript 中建立相容 JSONP 的端點：綜合指南

在JavaScript 中建立JSONP 相容端點

跨來源資源共用(CORS) 限制可能會阻礙不同網域上所託管的網站之間的通信。 JSONP（填充的 JSON）透過利用瀏覽器對腳本標記的處理提供了一種解決方法。

如何在PHP 中實現JSONP

要在PHP，請按照以下步驟操作：

1. 在GET 請求中接受回調參數，例如$callback = $_GET['callback'];。
2. 包裝回呼JavaScript 函數瀏覽器中的JSON 回應，例如$callback.'('.$data.');'.
3. 為CORS 設定適當的HTTP 標頭，例如：

<code class="php">header('Content-Type: text/javascript; charset=utf8');
header('Access-Control-Allow-Origin: http://www.example.com/');
header('Access-Control-Max-Age: 3628800');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');</code>

此程式碼傳回一個JavaScript 文件，其中JSON 物件作為參數傳遞給回調函數。

利用JSONP 相容端點

使用<script>;標籤來使用JSONP 服務：</script>

<code class="html"><script>
    function receiver(data) {
        console.log(data);
    }
</script>
<script src="data-service.php?callback=receiver"></script></code>

執行腳本時，將使用JSON 回應呼叫接收器函數，允許您存取客戶端的資料。

以上是如何在 JavaScript 中建立相容 JSONP 的端點：綜合指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！