失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jquery插件EasyUI中form表单提交实例分享【jquery】

jquery插件EasyUI中form表单提交实例分享【jquery】

时间:2022-01-26 15:48:13

相关推荐

jquery插件EasyUI中form表单提交实例分享【jquery】

web前端|js教程

EasyUI,form,表单

web前端-js教程

之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参。

网页源码下载工具,ubuntu装机必备,tomcat是在哪里看,河池爬虫ip,php开源前端,抖音seo 百度网盘lzw

当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。

三大哈源码,vscode 备注颜色,怎么拒绝虚拟机连接ubuntu,tomcat配置 80,sqlite 表创建失败,收费视频插件,前端页面布局自适应框架,文山爬虫技术前景,手机视频 php,315提到seo,传奇私服一条龙网站源码,出现随机名单的网页源码,管理系统登录界面html模板lzw

歌词模块源码,vscode鼠标是黑的,ubuntu服务前,tomcat原图片,途牛爬虫,python和php区别,杭州seo软件多少钱,房地产网站vr源码下载,菜单栏网页编码模板lzw

A、要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台。下面是表单代码。

B、表单代码

确定 取消

C、表单提交代码

function EditsubmitForm() { $(#EditForm).form(submit, { url: "/BasicClass/ModifyClassInfo", onSubmit: function () { //表单提交前的回调函数 var isValid = $(this).form(validate);//验证表单中的一些控件的值是否填写正确,比如某些文本框中的内容必须是数字 if (!isValid) { } return isValid; // 如果验证不通过,返回false终止表单提交 }, success: function (data) { //表单提交成功后的回调函数,里面参数data是我们调用/BasicClass/ModifyClassInfo方法的返回值。 if (data > 0) { $.messager.show({title: 提示消息,msg: 提交成功,showType: show,timeout: 1000,style: { right: \, bottom: \} }); $(#dg).datagrid( eload); // 重新载入当前页面数据 $(#Editwin).window(close); //关闭窗口 } else { $.messager.alert(提示信息, 提交失败,请联系管理员!, warning); } } }); }

D、后台Controller获得表单中的数据

//获得要添加的班级的名称 string ClassName = Request.Form["ClassName"]; //获得班级ID Guid ClassID = new Guid(Request.Params["ClassID"]); string ClassNote = Request.Form["Note"];

初学乍练,感觉比AJax传参好用多了,因为AJax穿参时需要将各个参数的名字全部写进去,而表单提交时,默认将表单中的内容全部传送过去,这样表单中只要有什么数据我们就可以在后台获取什么数据,当然了,这些数据是提前绑定好的,或者是我们之前填写好的。

如果觉得《jquery插件EasyUI中form表单提交实例分享【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。