Jquery将form表单提交的数据分装成json数据格式

最新推荐文章于 2024-04-06 22:16:37 发布

原创最新推荐文章于 2024-04-06 22:16:37 发布 · 863 阅读

1 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

0 篇文章

订阅专栏

本文介绍如何使用jQuery的serializeArray()方法从HTML表单中收集数据，并将其转换为JSON格式，便于前后端交互。文章详细解释了数据转换过程及应用场景。

form表单

<form id="damageSearchForm">
        销毁日期：&nbsp;<input name="beginDate" id="beginDatine" type="text" class="easyui-datebox">
        —
        <input name="endDate" id="endDate" type="text" class="easyui-datebox">&nbsp;&nbsp;&nbsp;
        类型：<select id="cc" class="easyui-combobox" name="damageItem" panelHeight="auto" panelWidth="auto">
        <option>---请选择---</option>
        <option value="16">损坏</option>
        <option value="17">丢失</option>
        <option value="18">找回</option>
    </select>
        <a data-cmd="search" href="javascript:;" class="easyui-linkbutton c5"
           data-options="iconCls:'icon-search',plain:true">查询</a>
    </form>

拿到数据并封装成json数据格式

    var arr = $(this).serializeArray() // 获取form表单提交的数据,得到数据形式是数组
    console.debug(arr);
    var param = {};
    $.each(arr,function(i,obj){ //将form表单数据封装成json对象  arr源  i 为下标  obj为数组中的一个值（对象）
        param[obj.name] = obj.value;
    })
    return param;
}