vue-resource 中 get / post / jsonp 三種請求方式的異同
阿新 • • 發佈:2019-02-03
let url = 'http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=2';
let params ={
params: {
username: 'zhangSan',
pwd: '123456'
}
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);
})
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);
})