JS中获取表单的信息

左手的ㄟ右手 2022-04-17 04:42 232阅读 0赞

方法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格式的数据

1.  \{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":"说明"\}