vue專案---使用jsonp獲取資料
阿新 • • 發佈:2019-02-17
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
}