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

  • 什么是宏观税负如何判定一国宏观税负的轻重
  • 销售白酒是否要交消费税?
  • 合同解除的效力民法典
  • 固定资产盘盈为什么计入盈余公积
  • 增值税无票收入可以抵扣
  • 费用化的研发支出
  • 行政单位工资支出标准
  • 小微企业免征税怎么做会计分录
  • 机动车销售统一专票可以抵扣进项税额吗
  • 期末应交企业所得税怎么算
  • 收取加盟费如何交税
  • 增值税普票跨月怎么冲红
  • 空调减值损失属于什么科目?
  • 国税局网上申报
  • 待处理财产损益科目
  • 三证合一后还要去税务局吗
  • 增值税发票当期能抵扣吗
  • 代开专票怎么做账?
  • 总公司给分公司钱
  • 教育培训行业怎么办
  • 上年未计提所得税会计
  • 差旅费税务要求比例
  • 长期待摊费用的内容和特征
  • 华为鸿蒙一键抠图
  • 暂估材料太多怎么办
  • 物权请求权是什么意思
  • 应收账款补贴
  • 老板和公司账务处理流程
  • 赡养人 被赡养人
  • nvcpl.dll是什么
  • h3cmsr3020路由器
  • 默认网关不可用win7
  • 企业的民间借贷合法吗
  • 竣工结算的依据有哪些?
  • 补提去年的所得税费用是怎么做分录?
  • 金融服务企业按照是否办理存款业务
  • mac m1 rosetta编译
  • citespace关键词共现分析
  • js生成随机数字和字母组合
  • 发票金额和打款金额不一致怎么办
  • jetbrainsnews
  • 小规模纳税人每月不超过10万
  • php接口怎么调用
  • 小微企业认定办法
  • 银行日记账跨月登记方法
  • 有限责任公司分类
  • 个人独资所得
  • mysql数据库性能监控
  • 生育津贴现在可以打个人账户么
  • 公对公转账在手机上怎么操作
  • 商标注册费2000元记哪个科目
  • 未经加工的
  • 销售自产农产品的农民是增值税纳税人吗
  • 确认代销手续费怎么做账
  • 开票未收到款会计分录
  • 赔偿款从货款扣除怎么做账
  • 借款合同的印花税计税依据
  • 预付卡发票能不能走福利账户
  • 记账凭证的基本要素包括哪些
  • mysql常用查询
  • mysql保存命令
  • xp系统环境变量
  • mac电脑双系统
  • windows update client
  • windows系统钥匙盘制作及启动密码的设置
  • mac用chrome
  • 如何自定义win键
  • linux sed
  • 深入理解关于教育两个大计
  • js数组操作函数
  • linux系统启动进程命令
  • jquery移动端ui框架
  • node.js 流
  • android录音软件
  • jQuery通过ajax方法获取json数据不执行success的原因及解决方法
  • js设置
  • axios异步
  • 国家税务总局河南省税务平台
  • 海关跟税务关系的区别
  • 购车发票购置税是否包含在内
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设