如何在沒有 jQuery 的情況下使用 JavaScript 進行跨域 JSONP 請求？

在沒有外部庫的情況下使用JavaScript 進行跨域JSONP 請求

JSONP（帶有Padding 的JSON）是一種允許跨域請求的技術透過將回呼函數附加到請求URL。回調函數由客戶端定義，並由伺服器在成功接收請求後執行。

如何在沒有jQuery 的情況下發出JSONP 請求

製作一個沒有jQuery 的JSONP 請求，您可以按照以下步驟操作：

1. 建立回呼函數： 定義一個函數，當伺服器回應JSON 資料時會呼叫函數。此函數將提供資料作為參數。

<code class="javascript">function foo(data) {
    // Process the JSON data
}</code>

2. 建構 JSONP URL： 透過附加回呼函數建立 JSONP 要求的 URL名稱作為查詢參數。

<code class="javascript">const url = '//example.com/path/to/jsonp?callback=foo';</code>

3. 建立腳本元素：建立腳本元素並將其 src 屬性設為 JSONP URL。

<code class="javascript">const script = document.createElement('script');
script.src = url;</code>

4. 將 script 元素附加到 DOM： 將 script 元素附加到文件的頭部。這將觸發對伺服器的請求。

<code class="javascript">document.head.appendChild(script);
// or document.getElementsByTagName('head')[0].appendChild(script) in older browsers</code>

伺服器回應 JSON 資料後，回呼函數將會執行，您可以使用提供的資料來填入您的應用程式。

以上是如何在沒有 jQuery 的情況下使用 JavaScript 進行跨域 JSONP 請求？的詳細內容。更多資訊請關注PHP中文網其他相關文章！