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

我想使用vue.js进行后台实现数据交互,这个该怎么做?

/ 猿问

我想使用vue.js进行后台实现数据交互,这个该怎么做?

慕斯王 2019-11-12 18:10:41

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


查看完整描述

4 回答

?
慕运维1137616

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

查看完整回答
反对 回复 2019-11-17
?
萧十郎

使用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-17
?
慕仰0522570

vue中与后台交互可以使用
vue-resource 官网已停止维护
axios 使用Promise API
xe-ajax 使用Promise API

查看完整回答
反对 回复 2019-11-17
?
四季花海

前后台交互其实都是通过servlet来实现的。
即servlet写数据给前台,前台展示。前台提交数据,servlet处理。
框架只是封装了servlet,提供了更加简便,更加好维护的集成模式。如果你很感兴趣框架的实现方式的话,你可以看看nutz的源代码。
nutz是国产的,有非常好的文档和注释。

查看完整回答
反对 回复 2019-11-17

添加回答

回复

举报

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