为了账号安全,请及时绑定邮箱和手机立即绑定

请问该如何使用vue.js与后台实现数据交互?

请问该如何使用vue.js与后台实现数据交互?

慕丝7291255 2019-10-28 14:06:29
如何使用vue.js与后台实现数据交互
查看完整描述

4 回答

?
富国沪深

TA贡献1790条经验 获得超9个赞

alert输出的数据是this.result.prId,取出的的是原来的数据,并不是data中传过来的数据,你在alert前面加一条:
this.result = data.result.prId;
这样就没问题了。

查看完整回答
反对 回复 2019-11-02
?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

使用vue.js与后台实现数据交互的方法是利用vue-resource组件提供的一系列api:
get(url, [data], [success], [options])
post(url, [data], [success], [options])
put(url, [data], [success], [options])
patch(url, [data], [success], [options])
delete(url, [data], [success], [options])
jsonp(url, [data], [success], [options])

具体举例如下:
1、导入vue-resource
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>

2、基于全局Vue对象使用http
// 通过someUrl获取后台数据,成功后执行then的代码
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
3、在一个Vue实例内使用$http
// $http是在vue的局部范围内的实例
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
说明:
在发送请求后,使用then方法来处理响应结果,then方法有两个参数,第一个参数是响应成功时的回调函数,第二个参数是响应失败时的回调函数。



查看完整回答
反对 回复 2019-11-02
?
MM们

TA贡献1886条经验 获得超2个赞

前后台交互其实都是通过servlet来实现的。
即servlet写数据给前台,前台展示。前台提交数据,servlet处理。
框架只是封装了servlet,提供了更加简便,更加好维护的集成模式。

查看完整回答
反对 回复 2019-11-02
  • 4 回答
  • 0 关注
  • 741 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信