vue怎么和后端交互

vue
1314
2021/3/15 16:05:52
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

vue怎么和后端交互

vue和后端交互的方法:1.使用$http.get()方法实现交互;2.使用$http.post()方法实现交互;3.使用$http.jsonp()方法实现交互。

用法示例:

1.使用$http.get()方法实现。

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

this.$http.get('a.txt').then(function(res){

alert(res.data);

},function(res){

alert(res.status);

});

2.使用$http.post()方法实现。

//传递参数

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()方法实现。

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

});

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: Vue项目的开发环境怎么搭建