美文网首页
JS给对象添加新的键值对

JS给对象添加新的键值对

作者: 江河湖海琴瑟琵琶 | 来源:发表于2019-11-19 11:13 被阅读0次

layui版本: layui-2.2.45
问题描述:
我需要在用户点击分页时,获取筛选表单里的所有数据.官方文档只有一个表单提交时的回调方法.
解决思路:
1.定义一个对象,
2.表单序列化成数组.
3.遍历数组把元素添加到对象中

先看下官方的form.submit方法

form.on('submit(formDemo)',function(data){
            console.log(data)
        });
data.field字段是表单的数据对象,结构如下: 图片.png

我想要的是,用户点击分页跳转时获取表单的数据,所以要在点击事件中处理.
查文档.官方文档介绍2.5.5才支持form取值方法

图片.png

不通过form.on获取数据,又不想升级版本.那就自己写.

var formArr = $('#search_form').serializeArray();//form表单序列化成数组
var param = {};//数据对象
//遍历数组
for(var x in formArr){
     //格式 obj['key'] = val;
     param[formArr[x].name] = formArr[x].value;
}
console.log(param);
得到的结果 图片.png

相关文章

网友评论

      本文标题:JS给对象添加新的键值对

      本文链接:https://www.haomeiwen.com/subject/pihwictx.html