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
}

你可能感兴趣的:(vue项目---使用jsonp获取数据)