1. 程式人生 > >vue-resource 中 get / post / jsonp 三種請求方式的異同

vue-resource 中 get / post / jsonp 三種請求方式的異同

let url = 'http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=2';
let params ={
    params: {
        username: 'zhangSan',
        pwd: '123456'
    }

}

// get 請求
this.$http.get(url, params).then((res) => {
    console.log(res);
},(err) => {
    console.log(err);
})


//post 請求
this.$http.post(url, params,
    // 需要配置一下
    {emulateJSON: true}).then( (res) => {
    console.log(res)
 }, (err) => {
    console.log(err)
 })


// JSON 請求
let JSONparams ={
    params: {
        username: 'zhangSan',
        pwd: '123456'
    },
    jsonp: 'callback' // 設定回撥函式的引數的一個名字,預設是話是callback,
}
 this.$http.jsonp(url, JSONparams).then( (res) => {
    console.log(res);
}, (err) => {
    console.log(err);
})