vue在进行动态数据交互时需要借助vue-resource模块中的$http。所以需要引用vue-resource.js和vue.js
语法:
get 请求:
语法: this.$http.get('url',{参数列表}).then(function(res){
处理请求成功的情况
res 是请求回来的数据,(。。。)
}, function(res){
处理请求失败的情况
});
post 请求:
语法: this.$http.post('url',{参数列表},{emulateJSON:true}).then(function(res){
请求成功
}. function(res){
请求失败
})
jsonp 请求
语法:this.$http.jsonp('url',{参数列表},{emulateJSON:true}).then(function(res){
处理请求成功
},function(res){
处理请求失败
})
get请求一个纯文本文件时:
this.$http.get(X.txt).then(
function(res){
console.log(res.data)
//请求成功的情况 res.data:需要的数据 res.status:状态码
},
function(res){
//请求失败的情况 如果只传入一个function时,即只处理请求成功的情况
console.log(res.tatus)
}
)
有参的get请求:
this.$http.get('接口',{ params:{ user:zhangsan,psd:123 } }).then(
function(res){//处理请求成功的回调函数},
function(res){//处理请求失败的回调函数},
)
post请求:
this.$http.post('接口',{ user:zhangsan,psd:123 },{ emulateJSON: true }).then(
// 服务器不接收application/json的数据
function(res){//处理请求成功的回调函数},
function(res){//处理请求失败的回调函数},
)
跨域请求jsonp :
this.$http.jsonp('域名',{ params:{ wd=11 } }).then(
function(res){//处理请求成功的回调函数},
function(res){//处理请求失败的回调函数},
)