四十、vue中封装jsonp

一、安装jsonp

"dependencies": {
"vue": "^2.3.3",
"vue-router": "^2.5.3",
"vuex": "^2.3.1",
"fastclick": "^1.0.6",
"vue-lazyload": "1.0.3",
"axios": "^0.16.1",
"jsonp": "0.2.1"
},

import originJsonp from 'jsonp'

// 封装一个JSONP
export default function jsonp(url, data, option) {
url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)

return new Promise((resolve, reject) => {
originJsonp(url, option, (err, data) => {
if (!err) {
resolve(data)
} else {
reject(err)
}
})
})
}

export function param(data) {
let url = ''
for (var k in data) {
let value = data[k] !== undefined ? data[k] : ''
url += '&' + k + '=' + encodeURIComponent(value)
}
return url ? url.substring(1) : ''
}