使用 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中文网其他相关文章!