JS中获取表单的信息-优快云博客

本文链接：https://blog.youkuaiyun.com/wang20y8/article/details/84025405

本文深入探讨了jQuery中表单序列化的两种方法及其应用场景。第一种方法使用serialize()将表单数据转换为URL参数字符串，第二种方法使用serializeArray()获取表单数据作为数组对象。此外，还介绍了如何将数组对象转化为JSON格式数据，以及如何直接生成JSON格式的数据。

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

方法1：
var data = $('#updateCommodityInventoryForm').serialize();

数据格式如：console.log(data); ==> unit=%E4%B8%AA&specification=R60&barCode=11111111

方法2：

var data = $('#updateCommodityInventoryForm').serializeArray();

数据格式如：console.log(data); ==>获取的是个Object数组对象

(6) [{…}, {…}, {…}, {…}, {…}, {…}]
0: {name: "unit", value: "个"}
1: {name: "specification", value: "R60"}
2: {name: "barCode", value: "11111111"}
3: {name: "commodityCount", value: "20"}
4: {name: "physicalInventoryCount", value: "20"}
5: {name: "description", value: "说明"}
length: 6
__proto__: Array(0)

处理1：console.log(JSON.stringify(data));获取的是JSON格式的数组对象

[{"name":"unit","value":"个"},{"name":"specification","value":"R60"},{"name":"barCode","value":"11111111"},{"name":"commodityCount","value":"20"},{"name":"physicalInventoryCount","value":"020"},{"name":"description","value":"说明"}]

处理2：var values = {};
       for (var item in data) {
       values[data[item].name] = data[item].value;
       }

console.log(values);和不处理的数据格式也不一样，直接变成了json格式的数据

{unit: "个", specification: "R60", barCode: "11111111", commodityCount: "20", physicalInventoryCount: "020", …}
1. barCode: "11111111"
2. commodityCount: "20"
3. description: "说明"
4. physicalInventoryCount: "020"
5. specification: "R60"
6. unit: "个"
7. __proto__: Object

console.log(JSON.stringify(values));

完整的json格式的数据

{"unit":"个","specification":"R60","barCode":"11111111","commodityCount":"20","physicalInventoryCount":"020","description":"说明"}