使用Native API 在JavaScript 中進行JSONP 請求
跨域HTTP 請求經常會遇到同源策略,該策略會限制來自同源策略,該策略會限制來自同源策略以下來源的請求不同的域或不安全(HTTP) 域與安全性(HTTPS) 域。 JSONP(帶填充的 JSON)是一種用於規避此限制的技術,允許 JavaScript 程式碼從不同網域檢索資料。
建立JSONP 要求
讓沒有外部函式庫的JSONP 要求,請依照下列步驟操作:
建構請求URL: JSONP 請求URL 應包含以下參數:
範例:
<code class="javascript">function foo(data) { // do stuff with data } var script = document.createElement('script'); script.src = '//example.com/path/to/jsonp?callback=foo'; document.head.appendChild(script);</code>
解析回應資料:
收到回應資料後,將以收到回應資料後,將會收到回應資料後,會收到數據作為參數呼叫回調函數。您可以使用 JavaScript 內建的 JSON.parse() 方法解析 JSON 回應,並在程式碼中使用產生的物件。
以上是如何使用 JSONP 在 JavaScript 中發出跨網域 HTTP 請求?的詳細內容。更多資訊請關注PHP中文網其他相關文章!