iview 表单提交

表单提交及其他请求参数及响应效果：

1.代码

  let formData = new FormData();formData.append("username", this.form.userName);formData.append("password", this.form.password);

2.请求效果

3.其他请求方式的对比

a.data传参

 data: {name:this.editForm.name,title:this.editForm.title,basepath:this.editForm.basepath,status:this.editForm.status,description:this.editForm.description,}

响应效果：

b.params传参

 params: {name:this.editForm.name,title:this.editForm.title,basepath:this.editForm.basepath,status:this.editForm.status,description:this.editForm.description,}

响应效果

4.具体测试

getSign() {let formData = new FormData();formData.append("name", this.editForm.name);formData.append("title", this.editForm.title);formData.append("basepath", this.editForm.basepath);formData.append("status", this.editForm.status);formData.append("description", this.editForm.description);this.$axios.request({url: "/sys/save",method: "post",data: formData}).then(res => {if (res.data.msg) {this.$Message.success("保存成功");} else {this.$Message.error(res.data.status.message);}});},

基础知识，简单小结，贴出探讨，多多交流。

iview 表单提交相关推荐

iview 表单提交之前验证是否符合条件
在表单提交之前调用接口校验用户输入是否符合条件符合则通过, 不符合不让提交 <Card :title="title"><Form class="m ...
iview 表单验证_iview必备技能一、表单验证规则
iView表单组件使用async-validator验证器对表单域中数据进行验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可. 完整的 ...
iview表单校验上传图片成功后，提示文字不消失
最近做的项目中有直播和课程后台管理模块,遇到一个bug,其中有个功能是上传直播图片和直播附件,而且都是必填项.用的框架是vue+iview,用Form表单验证,对必填项做校验.当不填写时点提交会出现红 ...
iview 表单验证
iView表单组件使用async-validator验证器对表单域中数据进行验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可. 完整的 ...
iView表单空格验证
原文链接:https://blog.csdn.net/xianzhuo_sky/article/details/83069603 iView表单组件使用async-validator验证器对表单域中数 ...
iview 表单验证_记录 iView 的表单验证
iview表单验证必要设置 1. 给 Form 标签用 :model 绑定数据 2. 给 Form 标签里面必须添加 ref , 用于最后提交获取 Form 表单的实例 3. 给 Form 设置属性 ...
jQuery最简单的表单提交方式
第一步:绑定事件常用的与ajax相关的事件参考如下: 1.$(selector).click(function) 2.$(selector).change(function) 3.$(selecto ...
表单提交、页面注册案例
表单属性设置 <form>标签表示表单标签,定义整体的表单区域 action属性设置表单数据提交地址 method属性设置表单提交的方式,一般有"GET"方式和& ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...

iview 表单提交

iview 表单提交相关推荐

最新文章

热门文章