vue-resource 中 get / post / jsonp 三种请求方式的异同

Posted 2021-02-14 橱窗外的小孩

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);
})