2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

jsonpGet,跨域如此简单

jsonpget作者:猿2048志愿者

我们经常在项目中遇到跨域问题,比如有时候在做个人项目的时候,我们需要请求第三方的一些数据,比如请求豆瓣公开api的数据,或则qq音乐开放api 的数据等等。但是毫无疑问,在我们的web应用中直接请求这些api将出现跨域问题。所以笔者心血来潮写了个插件—— json作一新求抖直微圈pGet。我们可以通过它,利用jsonp的原理,来向跨域api发送get请求。下面直入主题,不多废话。

json作一新求抖直微圈pGet

简单易用的jsonp跨域请求插件,并且它返回一个promisejson作一新求抖直微圈pGet源码

安装

通过npm中比需抖接朋功要朋插进行安装:

$ npm install jsonp-get

用法

json作一新求抖直微圈pGet(url, params?, callback?)

demo

比如,向豆瓣公开api发送请求。我们可以在then方法的回调中处理我们的数据,十分方便。

import json作一新求抖直微圈pGet from 'jsonp-get'

let url = 'https://api.douban.com/v2/movie/search'
let params = { tag: '喜剧' }

json作一新求抖直微圈pGet(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: json作一新求抖直微圈pGet项目 有什么问题,欢迎提 issues

本文来源于网络:查看 >
« 上一篇:Vant 1.0 发布:轻量、可靠的移动端 Vue 组件库
» 下一篇:「译」Web安全快速入门
猜你喜欢
(十万案例免费下载)
评论
点击刷新
评论
相关博文
推荐案例
×添加代码片段