1、LayUI提交表单
这几天做项目,用到提交layui框架的弹出层的表单,因为需要在提交表单后,关闭当前弹出层,同时刷新父窗口的数据,因此,用普通的提交就不行了,因为普通的提交到后台之后没有返回值,就无法做到关闭弹出层和刷新父窗口。找了很多方法,包括查看api,找异步提交方法等,都没有找到合适的方法(也许是我太笨),最后,在小伙伴的帮助下,终于找到了一个好用的方法。在此,对我的小伙伴表示衷心的感谢!
1.1、js文件
jquery.js、layui.js、layer.js
1.2、jsp页面
提交
表单之间就是各种输入框,这个大家都懂的,提交按钮一定要是button,不能是input,否则表单监听不到提交事件,还有一个要特别注意的地方:由于后台使用Springmvc接收对象,所以前台往后台传值的时候,json数据中不能有值为空字符串,或值为null的数据,因此,在往后台传值前,需要将表单序列化后的数据中,值为空的属性给剔除。
1.3、js代码
layui.use(['form','layedit','laydate'],function(){
var form=layui.form ,layer=layui.layer; //监听提交 form.on('submit(demo1)',function(data){
//获取表单序列化数据,并将序列化数据转换为json对象 var params=paramString2obj($('#helpobject_form').serialize()); $.ajax({
type:'post', url:'', contentType:'application/json', cache:false, data:JSON.stringify(params), dataType:'json', success:function(data){
if(null!=data){
if(data=='success'){
layer.msg('添加成功',{icon:1,time:2000},function(){
var index=parent.layer.getFrameIndex(window.name);