在前端开发过程中，需要从接口获取数据时，我们通常使用 AJAX 或 Fetch 进行网络请求。但有时出于某些原因（如跨域限制），需要使用 JSONP 进行网络请求。而使用 @npm-polymer/iron-jsonp-library 这个 npm 包可以让我们更方便地进行 JSONP 请求。
安装
使用 npm 可以很方便地安装 @npm-polymer/iron-jsonp-library：
--- ------- -------------------------------
使用方法
引入
在需要用到的 js 文件中，使用以下代码引入 @npm-polymer/iron-jsonp-library：
------ --------------------------------------------------------
发送请求
@npm-polymer/iron-jsonp-library 提供的发送请求的方法如下：
--------------------------------- ---------- --------
其中：
url：需要请求的接口地址；callback：请求成功后的回调函数；error：可选，请求失败时的回调函数。
以下示例代码展示了如何使用 @npm-polymer/iron-jsonp-library 发送请求：
------ --------------------------------------------------------
----- --- - ------------------------------------------------------
----- -------- - ------------------ -
----------------------
--
--------------------------------- ----------注意事项
JSONP 请求需要使用
callback参数指定回调函数名，因此需要确保 API 服务支持 JSONP。由于 @npm-polymer/iron-jsonp-library 使用了浏览器的动态
script标签进行请求，因此无法进行 POST 请求。使用 JSONP 请求时，要确保被请求的接口返回数据为可执行的 JavaScript 代码。通常情况下，API 服务会在返回数据中包含一个函数调用，该函数名就是请求参数中指定的回调函数名。例如，请求参数为
?callback=callback_func，则返回数据可能如下所示：
--------------- ------- ------- ------ -- ---
结语
@npm-polymer/iron-jsonp-library 提供了非常方便的 JSONP 请求接口。在实际开发过程中，需要根据具体需求合理地使用该库。对于需要使用 JSONP 的情况，可以考虑使用该库来简化开发流程。如果您想了解更多相关知识，可以查看官方文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055ff181e8991b448ddb25