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-前后端交互所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。