本文介绍了VUE中使用Vue-resource完成交互,分享给大家,具体如下
使用vue-resource
引入vue-resource
vue-resource就像jQuery里的$.ajax,是用来跟后端交互数据的,vue-resource是vue的一个插件,所以我们在开始使用vue之前,需要先引入vue-resource.js这个文件
基本语法
this.$http.get('/someUrl',errorCallback);
this.$http.post('/someUrl',errorCallback);
在发送请求后,使用then方法来处理响应结果,then方法有两个参数,第一个参数是响应成功时的回调函数,第二个参数是响应失败时的回调函数。
options对象
实例:
GET请求
在下面的实例中,我们做一个求和的功能,效果如下图:
get方法:
在该实例中,我们准备了一个php文件,该文件主要接收前台通过get传过来的参数,并计算两个参数的和,代码如下:
html代码:
+ =