1. ホーム
  2. javascript

[解決済み] jQueryでフォームデータをJavaScriptオブジェクトに変換する

2022-03-19 12:38:38

質問

フォームの全要素をJavaScriptオブジェクトに変換するには?

各要素をループさせることなく、フォームから自動的にJavaScriptオブジェクトを構築する方法があればと思います。によって返されるような文字列は欲しくありません。 $('#formid').serialize(); で返されるマップは必要ありません。 $('#formid').serializeArray();

どのように解決するのですか?

serializeArray は、まさにそれを実現しています。あなたはただ、データを必要なフォーマットに変換するだけです。

function objectifyForm(formArray) {
    //serialize data function
    var returnArray = {};
    for (var i = 0; i < formArray.length; i++){
        returnArray[formArray[i]['name']] = formArray[i]['value'];
    }
    return returnArray;
}

実際の入力と同じ名前の hidden フィールドは、上書きされてしまうので注意してください。