Jquery将form表单提交的数据分装成json数据格式_jq 如何将表单提交项目转为&连接的格式-优快云博客

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;
}