jquery获取表单对象

原创已于 2022-03-31 11:32:05 修改 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

于 2022-03-24 19:47:52 首次发布

jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何通过JavaScript获取表单('task-form')的name属性项，序列化为对象数组，并实现FormData对象反序列化为数据对象的方法。适合理解表单数据处理的开发者。

//获取表单对象并序列化, 这里我的表单为 <form name="task-form">...</form>
//且只能序列化表单项中有name属性的表单项
let formObject = $('[name = task-form]').serializeArray();	//序列化表单对象
let formData = getFormData(formObject);
console.log(formData)

序列化后获得表单的对象数组,将其进行封装

    /**
     * 表单数据反序列化成对象
     * @param formData
     * @returns {{}}
     */
    function getFormData(formData) {
        let data = {}
        $.each(formData, function (index, item) {
            data[item.name] = item.value
        })
        return data;
    }