jsonpGet, 跨域云云简朴

2023年11月7日 248次阅读 来源: holyZhengs

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

    原文作者：holyZhengs
    原文地址: https://segmentfault.com/a/1190000016028519
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞