1. 程式人生 > >vue專案---使用jsonp獲取資料

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 }