首頁 >web前端 >js教程 >如何使用純 JavaScript 發出 JSONP 請求?

如何使用純 JavaScript 發出 JSONP 請求?

DDD
DDD原創
2024-10-29 22:43:02717瀏覽

How Can I Make JSONP Requests with Plain JavaScript?

使用純JavaScript 進行JSONP 請求:逐步指南

為了促進域之間的資料交換,JSONP(帶填充的JSON) )作為一種允許跨域HTTP 請求的技術而出現。雖然像 jQuery 這樣的函式庫為 JSONP 提供了方便的方法,但使用 JavaScript 本身無需外部依賴即可實現它。

建立 JSONP 回呼函數:

首先,定義一個回呼函數來處理 JSON 回應。當外部伺服器傳回資料時會呼叫函數,您可以用它來解析和利用資料。

範例:

function foo(data) {
    // Perform operations on the JSON data
}

產生JSONP 腳本標籤:

接下來,建立一個

接下來,建立一個

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

標籤並將其「src」屬性設定為JSONP 端點。包含回呼函數名稱作為查詢參數,前面有 'callback='。

範例:

將腳本附加到頁面:

document.getElementsByTagName('head')[0].appendChild(script);
// Or, for modern browsers: document.head.appendChild(script);
附加建立的標記到附加建立的標記到附加建立的標記到附加建立的標記到文檔的元素。這將觸發對外部伺服器的 HTTP 請求。 範例:

以上是如何使用純 JavaScript 發出 JSONP 請求?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn