jsonpGet, 跨域如此簡單

jsonGet源碼

咱們常常在項目中遇到跨域問題，好比有時候在作我的項目的時候，咱們須要請求第三方的一些數據，好比請求豆瓣公開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