layUI提交多个相同name的值

简介: layUI提交多个相同name的值

如果表单中有多个同名表单,即name一样时,只能提交一个,而不是多个。分析了一下是因为监听表单序列时,PostData.field未包含同名表单。更换为:$("#SlideForm").serialize()后即可解决此问题。

form.on('submit(reportlabelruleForm)', function(data){
  var fields=$(data.form).serialize();//提交多个相同name的值
  $.post($("#basePath").val() + "/creditreport/users/insertOrUpdateUsers",fields, function(result){
    if(result.flag == "Success"){
      parent.layer.msg("保存成功!", {icon: 1});
      toUsersForm(result.id);
    }else{
      parent.layer.msg("保存失败!", {icon: 2});
    }
  }, "json");
  return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。提交多个相同name的值
});

JSON.stringify(data)

  • 后台接收:
java.net.URLDecoder.decode(fields,"UTF-8");//解码
java.net.URLEncoder.encode("fieldName","UTF-8")//转码//编码

URLDecoder 和 URLEncoder 用于完成普通字符串 和 application/x-www-form-urlencoded MIME 字符串之间的相互转换。

URLDecoder类包含一个decode(String s,String enc)静态方法,它可以将application/x-www-form-urlencoded MIME字符串转成普通字符串;

URLEncoder类包含一个encode(String s,String enc)静态方法,它可以将普通字符串转换成application/x-www-form-urlencoded MIME字符串。


相关文章
|
7月前
LayUI清空下拉框的值
LayUI清空下拉框的值
122 0
|
7月前
layui修改窗口标题
layui修改窗口标题
102 0
vue 将Checkbox 多选框选中的值提交到后台
vue 将Checkbox 多选框选中的值提交到后台
【Layui】获取下拉框的值
【Layui】获取下拉框的值
615 0
【Layui】获取下拉框的值
|
1月前
layui根据数据状态判断显示内容
layui根据数据状态判断显示内容
|
7月前
|
JavaScript
vue 怎么将Checkbox 多选框选中的值提交
vue 怎么将Checkbox 多选框选中的值提交
43 0
|
7月前
|
JavaScript
layui-form下隐藏元素的验证问题
layui-form下隐藏元素的验证问题
|
10月前
|
存储 前端开发 JavaScript
form 表单恢复初始数据
在现代的 Web 开发中,表单是不可或缺的组件之一。用户可以通过表单输入和提交数据,而开发者则需要对这些数据进行处理和存储。然而,在某些情况下,我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 form 表单处理库来实现表单恢复初始数据的功能。通过 form 提供的灵活性和方便性,我们能够快速构建响应式的表单,并且能够轻松地管理和恢复表单数据。希望本文对你在 Web 开发中处理表单数据有所帮助!
164 1
【Layui】操作成功后返回父级并且刷新
【Layui】操作成功后返回父级并且刷新
99 0
【Layui】操作成功后返回父级并且刷新
|
JavaScript
layui时间控件 laydate 重置失效
简述layui时间控件laydate选择日期后重置,再次选择无法选择问题处理
layui时间控件 laydate 重置失效