如何在沒有外部程式庫的情況下在 JavaScript 中發出 JSONP 請求？

在沒有外部庫的情況下在JavaScript 中建立JSONP 請求

對於跨域請求，JSONP（帶填充的JSON）允許從不同的域。 JavaScript 可以原生完成此操作，而不是依賴 jQuery 等外部程式庫。

啟動JSONP 請求：

1. 建立回呼函數：
   寫一個JavaScript 函數，在本例中為「foo」，將使用請求的數據調用該函數。
2. 建立請求 URL：
   使用適當的端點制定 JSONP 請求 URL 、參數和回呼函數名稱。此 URL 通常以“?callback=foo”結尾。
3. 建立腳本元素：
   使用 JavaScript 的 DOM 動態產生腳本元素。將此元素的「src」屬性設定為 JSONP 請求 URL。
4. 將腳本附加到文件：
   將新建立的腳本元素附加到 HTML 文件的 中。元素。此操作將自動觸發請求。

範例程式碼：

function foo(data) {
    // Process and utilize the JSON data
}

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo';

document.head.appendChild(script);

透過使用這些步驟，您可以有效地啟動JSONP 請求，而無需外部庫，從而允許您檢索跨域JSON 資料並在JavaScript程式碼中處理它。

以上是如何在沒有外部程式庫的情況下在 JavaScript 中發出 JSONP 請求？的詳細內容。更多資訊請關注PHP中文網其他相關文章！