什么是 jQuery-JSONP？
jQuery-JSONP 是一款基于 jQuery 的插件，它允许我们使用 JSONP 技术来跨域获取数据。JSONP（JSON with Padding）是一种简单的跨域技术，它通过在前端动态创建 <script> 标签并向目标服务器请求数据，并将返回的数据作为参数传递给一个回调函数来实现。
因为浏览器对于跨域请求有着严格的限制，所以在前端中使用 JSONP 技术是非常有用的。
如何使用 jQuery-JSONP？
安装
要使用 jQuery-JSONP，首先需要安装 jQuery 和 jQuery-JSONP 两个包。在终端运行以下命令：
npm install jquery jquery-jsonp --save
引入
在需要使用 jQuery-JSONP 的文件中引入 jQuery 和 jQuery-JSONP：
import $ from 'jquery'; import jsonp from 'jquery-jsonp';
使用
jQuery-JSONP 提供了和 $.ajax() 方法类似的语法来发起一个 JSONP 请求：
-- -------------------- ---- -------
---------
---- -------------------------
----- - ------- --------- ------- -------- --
------------------ -----------
-------- -------- ------ -
------------------
--
------ -------- ---------- ----------- -
------------------------
-
---其中，url 表示请求的地址；data 表示请求的参数；callbackParameter 表示回调函数的名字，默认为 callback；success 表示请求成功时的回调函数；error 表示请求失败时的回调函数。
示例代码
下面是一个使用 jQuery-JSONP 发起 JSONP 请求的例子：
-- -------------------- ---- -------
------ - ---- ---------
------ ----- ---- ---------------
---------
---- -------------------------
----- - ------- --------- ------- -------- --
------------------ -----------
-------- -------- ------ -
-- ----------
------------------
--
------ -------- ---------- ----------- -
------------------------
-
---总结
通过本文，我们了解了什么是 jQuery-JSONP，以及如何使用它来发起跨域请求。JSONP 技术在前端开发中非常实用，而 jQuery-JSONP 则为我们提供了一个方便易用的工具来使用这项技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36173