位置: 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的训练过程

  • 闲鱼怎么取消订单(闲鱼怎么取消订单退款)

    闲鱼怎么取消订单(闲鱼怎么取消订单退款)

  • 淘宝怎么开启省钱卡(淘宝怎么开启省流量模式)

    淘宝怎么开启省钱卡(淘宝怎么开启省流量模式)

  • 哪些手机支持无线充电(哪些手机支持无线)

    哪些手机支持无线充电(哪些手机支持无线)

  • 华为荣耀9xpro和荣耀20s对比(华为荣耀9xpro和9x哪个好)

    华为荣耀9xpro和荣耀20s对比(华为荣耀9xpro和9x哪个好)

  • 华为系统恢复获取安装包信息失败(华为系统恢复获取不了安装包)

    华为系统恢复获取安装包信息失败(华为系统恢复获取不了安装包)

  • 微信如何设置拒收对方消息(微信如何设置拒收红包或转账)

    微信如何设置拒收对方消息(微信如何设置拒收红包或转账)

  • ctrl+k是什么快捷键(ctrl k)

    ctrl+k是什么快捷键(ctrl k)

  • 怎么关闭面容解锁(怎么关闭面容解锁密码)

    怎么关闭面容解锁(怎么关闭面容解锁密码)

  • 傲腾加速器是什么意思(傲腾加速器怎么做系统)

    傲腾加速器是什么意思(傲腾加速器怎么做系统)

  • 取消阻止来电号码后能收到之前发的短信吗(取消阻止来电号码是什么意思)

    取消阻止来电号码后能收到之前发的短信吗(取消阻止来电号码是什么意思)

  • ps怎么调肤色(ps怎么调肤色质感)

    ps怎么调肤色(ps怎么调肤色质感)

  • word中邮件合并的步骤(word中邮件合并功能支持的数据源不包括)

    word中邮件合并的步骤(word中邮件合并功能支持的数据源不包括)

  • 京东退换货运费谁承担(京东退换货运费险)

    京东退换货运费谁承担(京东退换货运费险)

  • vivox27怎样设置铃声(vivox27怎样设置屏幕永久亮)

    vivox27怎样设置铃声(vivox27怎样设置屏幕永久亮)

  • 淘宝抢购提醒在哪里看(淘宝抢购提醒在哪里)

    淘宝抢购提醒在哪里看(淘宝抢购提醒在哪里)

  • oppor15多少瓦快充(oppor15最高支持多少w快充)

    oppor15多少瓦快充(oppor15最高支持多少w快充)

  • 苹果xsmax怎么微信美颜(苹果xsmax怎么微信加密)

    苹果xsmax怎么微信美颜(苹果xsmax怎么微信加密)

  • 电脑浏览器在哪(电脑浏览器在哪打开)

    电脑浏览器在哪(电脑浏览器在哪打开)

  • 退出微信群会提示吗(退出微信群会提示什么)

    退出微信群会提示吗(退出微信群会提示什么)

  • 手机淘宝夜间模式在哪(手机淘宝夜间模式在哪里设置)

    手机淘宝夜间模式在哪(手机淘宝夜间模式在哪里设置)

  • tim怎么设置聊天背景(tim最新版怎么设置聊天背景)

    tim怎么设置聊天背景(tim最新版怎么设置聊天背景)

  • 怎么隐藏号码打电话(怎么隐藏号码打举报电话)

    怎么隐藏号码打电话(怎么隐藏号码打举报电话)

  • 抖音测腿长的特效在哪(抖音测腿长的特效叫什么)

    抖音测腿长的特效在哪(抖音测腿长的特效叫什么)

  • 手机安全模式在哪打开(oppo手机怎样取消安全模式)

    手机安全模式在哪打开(oppo手机怎样取消安全模式)

  • 华为p30如何反向充电(华为P30如何反向充电)

    华为p30如何反向充电(华为P30如何反向充电)

  • 光纤猫并联2个路由器(两个光猫串联)

    光纤猫并联2个路由器(两个光猫串联)

  • 什么是货物运输保险
  • 奖金算不算工资薪金所得
  • 股东退股如何清算盈亏
  • 子公司借钱给母公司的会计处理
  • 财务费用为什么借方红字
  • 索赔怎么开票
  • 装订需要多长时间
  • 商业汇票和商业本票
  • 固定资产采购计入什么科目
  • 外币折算准则规范的外币交易
  • 车辆保险费包括
  • 质量保证金的预留比例是多少
  • 发票开具丢失后如有罚款怎么处理?
  • 季报每个月需要反写吗
  • 企业房产税如何计算缴纳
  • 税局定额的标准
  • 增值税专用发票和普通发票的区别
  • 文化事业建设费征收对象
  • 对方公司开支票怎么办
  • 存货账实不符的税务风险
  • 计提附加税的会计分录怎么写
  • 代扣代缴手续费要交增值税吗
  • 新开的公司会计需要做什么
  • 中小企业工会经费怎么算
  • 按月预缴企业所得税的企业有哪些
  • 是否填写国家统计局一套表
  • 材料采购差异的影响因素
  • 银行余额调节表例题和答案
  • 扣客户的罚款会计科目
  • 如何给宽带加速使用
  • 未办理土地使用权证房屋买卖 案例
  • 盈余公积科目是什么科目
  • 薏米红豆粥的做法视频
  • 如何防范增值税的税收风险
  • 使用php连接数据的方法
  • 产品注册费会计科目
  • svg如何嵌入html5
  • 物流公司过户给我需要做什么
  • yolo系列算法比较
  • diffusion扩散模型训练时间
  • 2022年最新公务接待用餐标准
  • 销售折让的会计科目
  • 帝国cms什么语言
  • strippped
  • 社保公司承担部分怎么做账
  • 出口结汇有哪些常用方法?
  • 给员工购买住房公积金是先办卡吗?
  • 固定资产清理账户借方
  • 入库库存商品
  • 成品油发票怎么录入库存
  • 保险公司委托代征是什么意思
  • 民间非营利组织财务管理制度
  • 小规模卖固定资产怎么开票
  • 外资研发中心可以上市吗
  • 现金解款单是什么
  • 现金日记账的结账方法
  • 不是销售性质的工作
  • 三证合一哪三个证
  • 企业筹建期间银行开户要求
  • 未开票收入如何纳税申报
  • 公司购买车
  • 其他业务收入在利润表中怎么填写
  • 工会经费如何申请返还
  • 应收账款周转率计算公式
  • 收到对方红字发票信息表怎么处理
  • win8系统打开软件很慢
  • macos sierra怎么样
  • 怎么把操作系统转移到另一个盘
  • centos安装总结
  • 怎样设置ie8
  • linux在服务器领域的应用状况
  • qt pro load
  • js闭包的应用
  • jquery的方法get做什么
  • 原生js实现路由
  • #vr#
  • 国家税务局服务宗旨是什么
  • 国税网上开票怎么不显示界面
  • 已经开具的专用发票
  • 双休日可以拿房产证吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设