介绍
jsonp-retry 是一个使用 Promise 封装的用于管理 JSONP 请求的包。它的特点是在请求失败时会自动进行重试,避免了由于网络问题而导致的请求失败。
安装
可以通过 npm 安装该包:
npm install jsonp-retry
使用
使用该包的方式与原生的 JSONP 请求非常相似。
引入
首先,需要引入 jsonp-retry 包:
import JsonpRetry from 'jsonp-retry' 或 const JsonpRetry = require('jsonp-retry')
基本用法
JsonpRetry(url, options) .then((res) => { console.log(res) }) .catch((err) => { console.error(err) })
其中,url
是要请求的 URL,options
是可选配置项,可以包括以下属性:
timeout
: 请求超时时间,单位是毫秒,默认为 10000。param
: 回调函数名称的参数名,默认为callback
。callback
: 回调函数名称,如果不传,则生成一个随机名称。query
: 要传递的查询参数。retry
: 重试次数,默认为 3。retryDelay
: 重试间隔时间,单位是毫秒,默认为 1000。
高级用法
有时候我们可能会遇到需要传递 session 等信息的情况,这时候可以通过在全局定义回调函数的方式实现。
-- -------------------- ---- ------- ----- ------------ - ------------- -------- --------------- - ---------------- - -------------------- - ---------- --------------- ---------- ------------- ------ --------- -------- ----------- -- - -- ----------------------- ------ -------------------- -- -------------- -- - -------------------- ------ -------------------- --
示例
以下示例是访问另一个网站的天气 API。
-- -------------------- ---- ------- ----- --- - ----------------------------------------------- ----- ------- - - ------ - ---- ----------- --------- ---------- -- - --------------- -------- ----------- -- - ---------------- -- ------------ -- - ------------------ --
总结
jsonp-retry 是管理 JSONP 请求的一个好用的包,它能够在请求失败后自动重试,减少了由于网络问题而导致的请求失败。在使用过程中,可以根据需要指定一些参数,使得请求更加可控。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedab15b5cbfe1ea0610644