我们经常在项目中碰到跨域题目,比方有时刻在做个人项目的时刻,我们须要要求第三方的一些数据,比方要求豆瓣公然api的数据,或则qq音乐开放api 的数据等等。然则毫无疑问,在我们的web运用中直接要求这些api将涌现跨域题目。所以笔者心血来潮写了个插件—— jsonpGet。我们能够经由过程它来向跨域api发送get要求。下面直入主题,不多空话。
jsonpGet
简朴易用的jsonp跨域要求插件,而且它返回一个promise。
装置
经由过程npm举行装置:
$ npm install jsonp-get
用法
jsonpGet(url, params?, callback?)
-
url
(string
) 要要求的地点 -
params
(object
) 参数,构成url
的参数部份如:{a: 1, b: 2}
转为?a=1&b=2
-
callback
(string
) 前后端商定的字段名,默认值为callback(一般为此值),用来携带回调。
demo
比方,向豆瓣公然api发送要求。我们能够在then要领的回调中处置惩罚我们的数据,非常轻易。
import jsonpGet from 'jsonp-get'
let url = 'https://api.douban.com/v2/movie/search'
let params = { tag: '笑剧' }
jsonpGet(url, params)
.then(res => {
console.log(res)
})
.catch(err => {
console.log(err)
})
/* Network
*
* Request URL: https://api.douban.com/v2/movie/search?tag=%E5%96%9C%E5%89%A7&callback=myback
* Request Method: GET
* Status Code: 200 OK
*/
/* Console
*
* {count: 20, start: 0, total: 200, subjects: Array(20), title: "带有标签 "笑剧" 的条目"}
*/
Github: jsonGet项目 有什么题目,迎接提 issues