位置: IT常识 - 正文

Vue使用axios用post方式将表单中的数据以json格式提交给后端接收(vue-axios详细介绍)

编辑:rootadmin
Vue使用axios用post方式将表单中的数据以json格式提交给后端接收 Vue Axios Post Json实现步骤:以登录注册功能为例1.后端controller层代码代码

推荐整理分享Vue使用axios用post方式将表单中的数据以json格式提交给后端接收(vue-axios详细介绍),希望有所帮助,仅作参考,欢迎阅读内容。

Vue使用axios用post方式将表单中的数据以json格式提交给后端接收(vue-axios详细介绍)

文章相关热门搜索词:vue如何使用axios,vuecli使用axios,vuecli使用axios,vue axios的使用,vue3.0使用axios,vuecli使用axios,vue-axios详细介绍,vue-axios详细介绍,内容如对您有帮助,希望把文章链接给更多的朋友!

我采用的接收形式数据是json格式

@PostMapping("/login") public Resp login(@RequestBody User user){ User login = userService.login(user.getStudentid(),user.getPassword()); return Resp.success(login); } @PostMapping("/regist") public Resp regist(@RequestBody User user){ userService.regist(user); return Resp.success(null); }2.前端登录注册界面代码<body> <div id="app"> <form> 账号:<input type="text" name="studentid" v-model="registform.studentid"><br> 密码:<input type="text" name="password" v-model="registform.password"><br> 用户名:<input type="text" name="username" v-model="registform.username"><br> <input type="button" value="denglu" @click="tologin"> </form> </div></body><script type="text/javascript" src="../js/jquery.min.js"></script><script src="../js/vue.js"></script><script src="../js/axios-0.18.0.js"></script><script> var vue = new Vue({ el:"#app", data:{ registform:{ studentid: "12345678", password: "123456", // username:"qwq" } }, methods:{ tologin:function(){ let datata = this.registform; console.log("通了"); axios.post("/user/login",datata).then(function(response){ console.log(response.data); }) } } })</script>3.遇到的问题:3.1. 我们首先在Vue data中定义一个存放表单数据的registform{},然后给它添加上属性,在表单input处使用v-model绑定。3.2. 接下来将registform保存到datata变量中,然后就是axios的发送请求了。格式为axios.post(“url”,{data}),此处为什么我们没有使用括号,而是直接使用的datatta,因为我们的registform外面已经有一层括号了,再加接收就要报错了。使用axios发送get请求都是传递param,发送post请求都是传递data。

向这位大佬学习:http://t.csdn.cn/irwvx

本文链接地址:https://www.jiuchutong.com/zhishi/297368.html 转载请保留说明!

上一篇:好用的 edge 插件有哪些?(微软edge插件)

下一篇:SwinIR实战:详细记录SwinIR的训练过程

  • word纸型设置在哪(word中的纸型怎么设置)

    word纸型设置在哪(word中的纸型怎么设置)

  • b站怎么小窗播放(新版b站怎么小窗播放)

    b站怎么小窗播放(新版b站怎么小窗播放)

  • 三星s9黑屏死机怎么办(三星s9死机无法开机)

    三星s9黑屏死机怎么办(三星s9死机无法开机)

  • 淘宝极速退款后卖家收到货没同意退款(淘宝极速退款后卖家收到的货有问题怎么办)

    淘宝极速退款后卖家收到货没同意退款(淘宝极速退款后卖家收到的货有问题怎么办)

  • 3d打印技术运用最广泛的是哪个领域(3D打印技术运用方面)

    3d打印技术运用最广泛的是哪个领域(3D打印技术运用方面)

  • 苹果手机没有原彩显示是不是原装屏(苹果手机没有原彩是什么意思)

    苹果手机没有原彩显示是不是原装屏(苹果手机没有原彩是什么意思)

  • 无线网光信号灯不亮怎么回事(无线网光信号灯不亮正常吗)

    无线网光信号灯不亮怎么回事(无线网光信号灯不亮正常吗)

  • 苹果11怎么弄出小圆球(苹果11怎么弄出手电筒)

    苹果11怎么弄出小圆球(苹果11怎么弄出手电筒)

  • 静态查找和动态查找的根本区别(静态查找和动态查找的相同点)

    静态查找和动态查找的根本区别(静态查找和动态查找的相同点)

  • 抖音属于什么类型软件(抖音属于什么类型的电商直播平台)

    抖音属于什么类型软件(抖音属于什么类型的电商直播平台)

  • 淘宝违规积分多久清零(淘宝违规积分多久会清零)

    淘宝违规积分多久清零(淘宝违规积分多久会清零)

  • 华为手机通话设置在哪里找到(华为手机通话设置在哪里陌生号码打啊通怎么样设置)

    华为手机通话设置在哪里找到(华为手机通话设置在哪里陌生号码打啊通怎么样设置)

  • 华为nova3怎么连拍照片(华为nova3怎么连接电脑)

    华为nova3怎么连拍照片(华为nova3怎么连接电脑)

  • 魅族16T怎么打开USB调试(魅族16s怎么使用)

    魅族16T怎么打开USB调试(魅族16s怎么使用)

  • 我的淘宝怎么没有红包签到(我的淘宝怎么没有零钱)

    我的淘宝怎么没有红包签到(我的淘宝怎么没有零钱)

  • qq上原文件失效怎么办(qq文件失效可以恢复吗)

    qq上原文件失效怎么办(qq文件失效可以恢复吗)

  • 苹果怎么复制门禁卡(苹果怎么复制门钥匙)

    苹果怎么复制门禁卡(苹果怎么复制门钥匙)

  • 华为手机如何取消休眠(华为手机如何取消安全模式)

    华为手机如何取消休眠(华为手机如何取消安全模式)

  • 汽车报价app具备什么功能(汽车报价app具备哪些功能)

    汽车报价app具备什么功能(汽车报价app具备哪些功能)

  • 断开设备与微软应用商店的链接(如何断开微软账户与电脑的链接)

    断开设备与微软应用商店的链接(如何断开微软账户与电脑的链接)

  • Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(开发导航栏及公共部分)(vuecli项目实战)

    Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(开发导航栏及公共部分)(vuecli项目实战)

  • 公司购买股票如何做账
  • 职工福利费允许结转以后年度扣除吗
  • 贴现的费用怎么入账
  • 一般纳税人变成小规模 在电子税务局哪里可以找到
  • 金税三期后企业没活路
  • 房地产企业土地使用税
  • 商业企业的商品销售额、职工人数是( )
  • 个人购买房产是指什么
  • 应付账款保理是什么意思
  • 抵债物品销售
  • 企业线上销售的好处
  • 公司收到一张专用发票
  • 地质勘察费用应由谁支付
  • 纳税人是非开业户是什么意思
  • 开给学校的发票要税号吗
  • 农副产品税率及范围
  • 在深圳如何办理护照流程
  • 为什么非征期不允许汇总上传
  • 作业成本法的成本对象包括哪几个层次
  • 本月没有销项只有进项,月末怎么做账
  • 小规模保安公司收取服务费时如何开票
  • 生产用厂房计入什么科目
  • 什么叫交易类型
  • php中常用的数组是什么
  • 详谈php编码转换过程
  • 咨询服务费怎么交税
  • 支付宝消费计入什么科目
  • 深度学习和日常代码中遇到的报错汇总及解决方案,持续更新中。。。。
  • Salzburg with Salzach river, Austria (© MacEaton/Alamy)
  • 矿产资源补偿费计入管理费用吗
  • axios有哪些常用方法
  • 计算机视觉的应用
  • 帝国cms安装教程
  • 取得专票怎么做账
  • 现金流量表期初现金余额怎么计算
  • 利润表年报本期金额填什么
  • 固定资产清理如何申报增值税
  • 转账支票只能去开户行买吗?
  • 当月工资未发放的怎么记账
  • mongodb管道操作符
  • 预收账款可以用什么科目核算
  • 电子口岸无纸化报关
  • 费用票必须是公司发票吗
  • 天使投资
  • sql2017附加数据库
  • 专用红字发票如何开具
  • 销售货物的收入计入什么科目
  • 汇算清缴要求
  • 单位开具技术维护发票
  • 积分兑换礼品需要什么
  • 如何查看员工社保
  • 公司招待费用会计分录
  • 工会经费计提比例0.8%和2%有何区别
  • 分公司需要做税务报道吗
  • 年初速动比率怎么算
  • 错误的原始凭证是什么
  • win7 bug
  • win7控制台怎么打开
  • vista正版怎么升级win7
  • window8开机
  • 应用商店windows
  • 如何查看win10版本是不是正版
  • win10打开软件时卡住
  • 在windows xp
  • win10修改默认
  • android 数据库app
  • opengl入门教程
  • shell sed 空格
  • ssh登录后自动执行命令
  • 梦见擦窗户框
  • unity导出资源包
  • javascript入门基础
  • [置顶]电影名字《收件人不详》
  • 增加税务人员怎么加?
  • 社保每个月几号截止申报
  • 吉林省工伤保险咨询电话
  • 苏州封闭式高中
  • 如何在河南省社会保障网上平台进行社保基数申报
  • 哈尔滨银行网上银行怎么开通
  • 国家税务总局黑龙江电子税务局下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设