如何在没有外部库的情况下在 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中文网其他相关文章！