vue项目---使用jsonp获取数据

1)声明插件依赖
package.json=>

"jsonp":"0.2.2

2)安装依赖

npm install

3)创建jsonp函数(common/js/jsonp.js)

import originJSONP from 'jsonp'
//创建josnp函数
export function jsonp(url,data,options){
    url=(url.indexOf('?')<0?'?':'&')+param(data);
    return new Promise((resolve,reject)=>{
        originJSONP(url,options,(err,data)=>{
            if(!err){
                resolve(data)
            }else{
                reject(data)
            }
        })
    })
}
//进行网址的拼接(encodeURIComponent()是将字符串转换成url地址)
export function param(data){
    let url=''
    for(var k in data){
        var vaule=data[k]?data[k]:''
        url+=`?${k}=${encodeURIComponent(value)}`
    }
    return url?url.substring(1):url
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值