如何将 serializeArray 更改为普通对象

Question

我使用 serializeArray 获取所有元素，我正在获取类似

的对象

[{name: "code[1][barcode]", value: "45534"},
{name: "code[1][rf_id]", value: "535353"},
{name: "code[1][serialize]", value: ""},
{name: "code[2][barcode]", value: "45534"},
{name: "code[2][rf_id]", value: "535353"},
{name: "code[2][serialize]", value: ""},
{name: "custodian[]", value: "3"},
{name: "custodian[]", value: "4"},
{name: "custodian[]", value: "5"}]

我想这样转换

{
    code:[
            {barcode:"45534",rf_id:"535353",serialize:""},
            {barcode:"45534",rf_id:"535353",serialize:""}
        ],
    custodian: [3,4,5]
}

目前我正在使用这个脚本

var x = $('form#acquiredetail').serializeArray();
console.log(x);
var formData = {};
$.each(x, function(i, field){
    if(field.value.trim() != ""){
      formData[field.name] = field.value;
    }
});

并得到输出

虽然我能够正确获取 code 的值，但在 backend/Laravel 中，但问题出在 custodian，我正在获取最后一个值，

custodian[]:"5"

我该如何解决这个问题。或者对此有更好的解决方案吗？

我的目标是使用简短而通用的代码将所有元素值传递给 php。如果有任何替代方案，请提出建议。

Answer 1

您将必须更改您的序列化以查看元素是否以数组指示符结尾 [] 并根据元素的数量重建您的密钥：

var x = [{name: "code[1][barcode]", value: "45534"},
{name: "code[1][rf_id]", value: "535353"},
{name: "code[1][serialize]", value: ""},
{name: "code[2][barcode]", value: "45534"},
{name: "code[2][rf_id]", value: "535353"},
{name: "code[2][serialize]", value: ""},
{name: "custodian[]", value: "3"},
{name: "custodian[]", value: "4"},
{name: "custodian[]", value: "5"}];


var formData = {};
var formDataArrays = {};

$.each(x, function(i, field){
    if(field.value.trim() != ""){
      if (/\[\]$/.test(field.name)) {
        var fName = field.name.substr(0,field.name.length-2);
        if (!formDataArrays[fName]) {
          formDataArrays[fName] = [];
        }
        formData[fName+"["+formDataArrays[fName].length+"]"] = field.value;
        formDataArrays[fName].push(field.value);
      } else {
        formData[field.name] = field.value;
      }
    }
});

console.info(formData);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

运行代码片段并享受 :)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var x = 
[{name: "code[1][barcode]", value: "45534"},
{name: "code[1][rf_id]", value: "535353"},
{name: "code[1][serialize]", value: ""},
{name: "code[2][barcode]", value: "45534"},
{name: "code[2][rf_id]", value: "535353"},
{name: "code[2][serialize]", value: ""},
{name: "custodian[]", value: "3"},
{name: "custodian[]", value: "4"},
{name: "custodian[]", value: "5"}];

   var formData = {};
    $.each(x, function(i, field){
     if(field.value.trim() != ""){
      if(formData[field.name] != undefined){
       var val = formData[field.name];
       if(!Array.isArray(val)){
         arr = [val];
       }
       arr.push(field.value.trim());
       formData[field.name] = arr;
      }else{
        formData[field.name] = field.value;
      }
        }
    });
    console.log(formData );
    </script>

如何将 serializeArray 更改为普通对象

How to change serializeArray to normal object

javascript

laravel

serialization

multipleselection

serializearray