vuejs-前后端交互

1. 使用$http.get()方法

• 获取一个普通的文本数据

this.$http.get('a.txt').then(function(res){
alert(res.data);
},function(res){
alert(res.status);
});

• 向服务器发送数据（此时需要为get方法传递第二个参数 {a:1, b:2} , 即所要发送的数据）

this.$http.get('a.php', {
a: 1,
b: 2
}).then(function(res) {
alert(res.data);
}, function(res) {
alert(res.status);
});

2. 使用$http.post()方法

此时需要为post方法传递第三个参数 {emulateJSON: true}

this.$http.post('a.php', {
a: 1,
b: 2
}, {
emulateJSON: true
}).then(function(res) {
alert(res.data);
}, function(res) {
alert(res.status);
});

3. 使用$http.jsonp()方法

• 访问360搜索接口

this.$http.jsonp('https://sug.so.360.cn/suggest', {
params: {
word: 'a'
}
}).then(function(res) {
alert(res.data.s);
}, function(res) {
alert(res.status);
});

• 访问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);
});

最后

以上就是超级冰淇淋最近收集整理的关于vuejs-前后端交互的全部内容，更多相关vuejs-前后端交互内容请搜索靠谱客的其他文章。