//监听提交 form.on('submit(saveBtn)', function (data) { var datas=data.field;//form单中的数据信息 //向后台发送数据提交添加 $.ajax({ url:"addBookSubmit", type:"POST", data:datas, success:function(result){ if(result.code==0){//如果成功 layer.msg('添加成功',{ icon:6, time:500 },function(){ parent.window.location.reload(); var iframeIndex = parent.layer.getFrameIndex(window.name); parent.layer.close(iframeIndex); }) }else{ layer.msg("添加失败"); } } }) return false; }); });
时间: 2024-02-10 21:21:55 浏览: 34
这是一个使用了jQuery和Layui的表单提交监听代码。其中,form.on()方法用于监听表单提交事件,当用户点击提交按钮时,该方法会被触发。data.field用于获取表单中的数据信息,然后通过$.ajax()方法向后台发送数据并提交添加。如果添加成功,会显示“添加成功”的提示信息,并在0.5秒后自动关闭弹窗。如果添加失败,会显示“添加失败”的提示信息。最后,return false;会阻止表单的默认提交行为,防止页面跳转。整体代码实现了表单数据的提交和弹窗提示功能,是一个比较常见的应用场景。
相关问题
我若想在form.on('submit(saveBtn)',中获取呢?或者用juqrey
如果你想在form.on('submit(saveBtn)',中获取表单数据,可以使用以下代码:
```javascript
form.on('submit(saveBtn)', function(e) {
e.preventDefault(); // 阻止表单默认提交行为
var formData = $(this).serialize(); // 获取表单数据
// 处理表单数据...
});
```
其中,`$(this).serialize()` 方法可以将表单中所有的字段序列化为字符串形式,方便后续处理。你也可以使用 `$(this).serializeArray()` 方法将表单数据序列化为数组形式。
如果你想使用 jQuery 获取表单数据,可以使用以下代码:
```javascript
var formData = $('form').serialize();
```
其中,`$('form')` 表示选择所有的 `<form>` 元素,`.serialize()` 方法同样可以将表单数据序列化为字符串形式。
form.on('submit(saveBtn)', function (data) { var result = data.field; result.id = id;//增加Id // data.field.id = parentData.id;//增加id属性 console.log("获取到的值",result) $.ajax({ url: '/ConsumableInfo/UpdateConsumableInfo', type: "POST", data: result, success: function (res) { console.log(res.msg) if (res.code == 200) { parent.table.reload('currentTableId', { page: { curr: 1 }, where: {} }, 'data'); var index = layer.alert(res.msg, { title: '修改耗材' }, function () { layer.close(index); var iframeIndex = parent.layer.getFrameIndex(window.name) parent.layer.close(iframeIndex); } ) } else { layer.alert(res.msg) } }, }); return false; });为什么获取不到输入框的值
可能的原因有几种。首先,请确保你的输入框正确地绑定了 `name` 属性。其次,你需要通过 `form.render()` 方法来渲染表单,以确保表单元素被正确地加载和初始化。最后,检查一下你的表单元素是否在一个 `form` 标签内,并且该标签的 `lay-filter` 属性值与你的监听事件参数中的值相匹配。如果以上都没有问题,你可以通过检查浏览器的控制台输出来获取更多的错误信息,以确定具体是哪个环节出了问题。