简介
changzhn-jsonp
是一款可以在前端使用的JSONP库,支持跨域请求,解决了浏览器限制AJAX请求的问题。
安装
你可以在项目中使用npm安装changzhn-jsonp
。
npm install changzhn-jsonp
示例
假设我们需要从开源数据平台接口获取一些数据,但是我们无法直接使用AJAX进行请求,我们可以尝试使用chatzhn-jsonp来解决这个问题。
首先,在你的HTML中引入changzhn-jsonp脚本
<script src="./node_modules/changzhn-jsonp/dist/changzhn-jsonp.min.js"></script>
接下来,创建一个changzhnJsonp
实例并通过get()
方法获取数据。
-- -------------------- ---- ------- ----- ----- - --- --------------- ---- --------------------------------------------- --------- --------- ----- - ---- ---------- ----- -- ----- -- - -- --------------------- -- - ----------------- -------------- -- - -------------------------- --
url
是我们想要访问的API地址。callback
是服务端返回数据时被调用的函数名。在服务端的响应中,函数名将被作为响应函数的名称,并接收返回的数据。data
是我们要发送的数据,必须是一个对象。
在以上示例中,我们调用了get()
方法,通过JSONP发送了一个GET请求。请求成功后,我们可以获取到响应的数据并在控制台中打印出来。
请注意,需要将API_KEY替换为你自己的API密钥,否则请求将无法成功。
API
changzhnJsonp
构造函数
const jsonp = new changzhnJsonp(config)
参数:
config
:配置对象config.url
:服务端API地址config.callback
:回调函数名称config.timeout
:超时时间(默认为10000毫秒)config.data
:发送给服务端的数据
changzhnJsonp.prototype.get()
方法
jsonp.get()
发送一个JSONP GET请求。该方法返回一个Promise对象,当请求成功时,返回响应数据。当请求失败时,返回一个Error对象。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065f8f238a385564ab6f4d