jQuery を使用してフォーム データを JavaScript オブジェクトに効率的に変換するにはどうすればよいですか?

jQuery を使用してフォームの詳細を JavaScript オブジェクトに送信する

フォーム データから JavaScript オブジェクトの作成を簡素化しようとすると、次のような疑問が生じます。各要素を手動で繰り返す必要なくこれを実現するには?

クエリ支援

$('#formid').serialize() のような文字列出力や、$('#formid').serializeArray() のようなマップに頼らずに、自動的に構築する方法はありますか?フォームからのオブジェクト?

解決策公開された

jQuery の SerializeArray() 関数は、必要な機能を提供します。それぞれがフォーム要素を表すオブジェクトの配列を返します。これを JavaScript オブジェクトに変換するには:

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

この関数は、formArray 内の各要素を評価し、name プロパティと value プロパティを抽出して、対応する JavaScript オブジェクトを作成します。表示されている入力と名前を共有する非表示フィールドは上書きされる可能性があることに注意することが重要です。そのため、同じ名前の非表示要素を使用する場合は注意してください。

以上がjQuery を使用してフォーム データを JavaScript オブジェクトに効率的に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。