vue和后端交互的方法:1.使用$http.get()方法实现交互;2.使用$http.post()方法实现交互;3.使用$http.jsonp()方法实现交互。
用法示例:
使用$http.get()方法实现。
//获取一个普通的文本数据
this.$http.get('a.txt').then(function(res){
alert(res.data);
},function(res){
alert(res.status);
});
使用$http.post()方法实现。
//传递参数
this.$http.post('a.php', {
a: 1,
b: 2
}, {
emulateJSON: true
}).then(function(res) {
alert(res.data);
}, function(res) {
alert(res.status);
});
使用$http.jsonp()方法实现。
//访问baidu搜索接口
this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {
params: {
wd: 'a'
},
jsonp: 'cb'
}).then(function(res) {
alert(res.data.s);
}, function(res) {
alert(res.status);
});