看有关的教学视频,说是使用api.ajax获取数据,但是没有具体演示,所以想清大神来帮忙回答一下,Vue.js如何与后台进行数据交互,还有从后台获取数据后,如何使用,例如集合或者对象如何进行展示。希望各位大神不吝赐教,本人不胜感激!
1条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
最佳回答 专家已采纳感谢对VUE的支持,下面给您解释下在VUE中与后台进行交互的情况:
1.使用axios.js
这是一个基于VUE2.0以后的模块。vue-resource不再更新之后便推荐了它,如果是脚手架直接npm就OK了
用法很简单,let that = this; let config = { method: 'get', url: this.allUrl + "/init/webset", data:{ data1:"1" } }; this.axios(config).then(function (res) { console.log(res); }).catch(function (err) { $(".msgText").text("服务器连接错误"); })
2.vue-resource
引入同上,用法如下:Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);3.AJXA
对的就是AJAX
我在VUE项目中涉及到一个上传图片,需要控制,不能用表单,于是就使用了AJAX
$.ajax({
url: this.allUrl + '/user/uploadavater',
type: 'POST',
data: formData,
processData: false,
contentType: false
}).done(function (res) {
console.log(res);
}).fail(function (res) {
console.log(res);
});以上内容希望对您有帮助,有问题也可以咨询我。
Q:599901155采纳该答案 已采纳该答案 专家已采纳评论解决 无用打赏举报微信扫一扫
分享评论登录 后可回复...
报告相同问题?
相关推荐 更多相似问题
- 2017-08-16 02:17回答 1 已采纳 感谢对VUE的支持,下面给您解释下在VUE中与后台进行交互的情况: 1.使用axios.js 这是一个基于VUE2.0以后的模块。vue-resource不再更新之后便推荐了它,如果是脚手架直接n
- 2022-03-10 23:07回答 3 已采纳 你这个是依赖的目录,一般这里都不用看。main.js在src目录下
- 2021-05-20 12:34回答 1 已采纳 // 构建多页面应用,页面的配置 pages: { index: { // page 的入口 entry: 'src/ind
- 2021-01-19 18:09第一步:引入js库: [removed][removed] [removed][removed] 前端代码: <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>vue example</title> <link rel=...
- 2018-01-23 11:34祥灬子的博客 第一步:引入js库:<script src="../js/common/vue.min.js"> <script src="../js/common/vue-resource.js">前端代码:<!DOCTYPE html> <title>vue example <link
- 2021-03-07 07:14伊 航的博客 axios:前端通信框架,因为vue的边界很明确,就是为了处理DOM,所以并不具备通信功能,此时就需要额外使用一个通信框架与服务器交互;当然也可以使用jQuery提供的AJAX通信功能。为啥选 axios ?在 Vue 的开发过程...
- 2022-04-18 15:11回答 2 已采纳 <transition mode="out-in"> ==> <transition name="fade" mode="out-in">
- 2022-04-05 19:57回答 2 已采纳 因为你没有指定版本,现在vue3是默认版本,你得下vue2
- 2022-04-14 23:07回答 2 已采纳 可以的可以的, 用vscode, 脚手架更方便的管理项目, 安装依赖,进行变异 脚手架也能使用git上传的、和vscode没有关系呢 直接git add .git commit -m "你的提交信息"
- 2020-07-20 17:43功能包含设计原则、组件呈现以及资源下载几个功能模块,采用Vuecli脚手架搭建项目,http请求库Axios处理前后台数据交互。同时引入Vue-router和Vuex两个插件库,管理前端路由跳转和全局状态变量。最后利用Webpack3构建...
- 2020-12-19 12:49weixin_39979080的博客 使用vue.js与后台实现数据交互的方法是利用vue-resource组件提供的一系列api:get(url, [data], [success], [options])post(url, [data], [success], [options])put(url, [data], [success], [options])patch(url, ...
- 2021-03-22 19:41体制教科书的博客 下面由thinkphp框架教程栏目给大家介绍thinkphp5.1和php、vue.js实现前后端分离和交互,希望对需要的朋友有所帮助!主要目标是使用vue.js把前端获取的账号和密码传到后台,然后使用tp5.1框架获取前端的值,并返回...
- 2021-10-20 23:30回答 3 已采纳 vue.js文件没有成功引入吧 var app = new Vue 中Vue 的首字母V是大写,你写成了小写v <!doctype html> <html lang="en">
- 2021-03-04 20:16回答 4 已采纳 在public文件夹下的文件一般不编辑。打包后一般以静态文件的形式存在。 看楼主的意思应该是想把baseUrl存放在一个静态文件里面,即使打包后也可以随意修改。理论上可以实现。 看下代码,请求的地
- 2021-08-19 15:26回答 2 已采纳 你可以看一下.gitignore的用法 Git忽略文件.gitignore的使用 - 简书 Git Ignore 你同样可以再github中看到这篇文章https://github.com/o
- 2020-08-24 13:10混子前端的博客 Vue中前后端交互Promise的基本使用基本使用多个请求,链式编程Promise的API---实例方法Promise的API---对象方法 Promise的基本使用 基本使用 new一个promise,为其传入一个函数作为参数,这个函数中传入两个参数,...
- 2022-01-23 15:11乐蘼_lemin的博客 记录一个Vue.js+Python.Django项目的前后端交互实现过程。 Vue框架 新建一个Vue框架的前端项目后,在根目录下会有一个index.html文件,在这个文件里我们引入需要的css文件和js文件。 然后在body标签里有一个div块:...
- 2022-04-18 18:40铲屎官白茶的博客 JavaScript:JavaScript的功能主要包括实现页面逻辑、行为、动作等,用来动态操作元素的属性,主要是为页面提供交互效果,实现更好的用户体验。 jQuery:通过对JavaScript代码的封装,使得DOM、事件处理、动画效果、...
- 2020-05-18 11:45回答 3 已采纳 可以让后端添加跨域注解,java是@CrossOrigin,如果接口已经开发完了,可以配置nginx反向代理,找到配置文件修改配置就行,如果找不到配置文件,参考:https://blog.csdn.n
- 2021-01-30 13:33翩鸿照影的博客 本文实例讲述了vue.js前后端数据交互之提交数据操作。分享给大家供大家参考,具体如下:前端小白刚开始做页面的时候,我们的前端页面中经常会用到表单,所以学会提交表单也是一个基本技能,其实用ajax就能实现,但他...
- 没有解决我的问题, 去提问