vuejs前后端数据交互之从后端请求数据

本文将向大家介绍一种用vue-resource从后端请求数据的方法。

比如说从后端请求一张表过来，

（1）首先，在data中return一个msg:[]数组来接收表的数据；

（2）在方法中定义一个请求函数，比如我们这里函数名定义为showDetails；

methods:{

showDetails:function(){
this.$http.get(baseURL+“api/条件”).then(function(res){
this.msg = res.body;

});

}

这里baseURL项目的路径，如果项目部署在服务器上面一般格式为www.XXX.com/项目名；之后的api是后端封装的api接口；然后条件就是对表的查询，删除等语句。比如对名为student的表进行查询，需要获取studentID为40001的学生信心，则查询语句可写为‘query?table=student&studentIDeq=40001',需要注意的是与有关数据库的操作字段（通俗点讲，可以理解为后端定义的字段）要加引号，而前端定义的字段要放在引号外面；

（3）最后，别忘了这个请求操作是没有调用，是默认执行的，所以要在mounted里面实时执行；

mounted: function (){
this.showDetails();
}

好了，这个函数就完成了，你可以通过浏览器控制台的network查看从后端取得的数据，或者通过console打印输出也可以看到啦！！！

vuejs前后端数据交互之从后端请求数据相关推荐

alert导致ajax数据交互问题,用ajax获得数据,可是页面显示的时不加个alert就显示不出来,随意加个alert就可以解决办法...
这是因为Ajax的异步处理的引起的只需要把jquery中的$.ajaxSettings.async = false; 就可以了默认为true; AJax可以通过两种方法访问服务器,即同步(脚本会停 ...
详解 AJAX-SpringBoot 前后端数据交互
详解 AJAX-SpringBoot 前后端数据交互 1. Ajax 概述 Ajax 的英文全称是 "Asynchronous JavaScript and XML",即 &quo ...
前后端数据交互——ajax（原生及jquery）
目录前后端数据交互--ajax 1. 介绍 2.原生ajax用法 3.jquery的ajax 4.ajax原理说明前后端数据交互--ajax 1. 介绍 1.1 定义 Ajax(Asynchron ...
python的前端和后端_前端与后端的数据交互（jquery ajax+python flask）
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据后端的数据接收与响应 1)接收 ...
安卓和后端服务器数据交互
记录一下安卓和后端数据交互吧!数据传输框架OkHttp3 题外话::其实安卓和后端的数据交互也就相当于网页端和后端的交互一样.后端一样的写接口!传数据的变成了安卓端而已!由于公司要求都是写全套的,所以 ...
python的前端和后端_python前端和后端数据交互，tornado框架入门，初学小试牛刀！...
Python前端和后端是如何交互的,怎么用tornado框架快速搭建前端和后端数据交互? 前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前 ...
微信小程序篇_01 微信小程序与Java后端接口交互
微信小程序与Java后端接口交互准备创建后端项目创建小程序项目本文主要介绍小程序前后端数据的交互,实践演示. 准备创建后端项目我这里就创建一个SpringBoot项目作为演示. 在创建项目 ...
第5章 uin-app本地主机数据跨域(Cors)数据交互实现
开发前端App最先需要被实现的功能是:与本地主机上已经布置在IIS服务上的后端数据实现跨域(Cores)交互操作,这也是前端App作为前端工程性项目存在的根本意义和需求,因此需要首先对上一章中示例:2 ...
基于WMS/WCS与PLC数据交互的立体仓库控制系统案例分析
写在面前上次分享了文章: TIA Portal实现动态加密的高阶玩法-分级催款密钥授权管理然后很快就有朋友根据里面的思路实现了,很赞,不过提醒大家的是,我们分享的只是一些思路,不是让大家跟做某件事 ...

vuejs前后端数据交互之从后端请求数据

vuejs前后端数据交互之从后端请求数据相关推荐

最新文章

热门文章