jQuery を使用してフォーム データを JavaScript オブジェクトに簡単に変換する方法

jQuery を使用してフォーム データを JavaScript オブジェクトに変換する方法

便宜上、フォームから JavaScript オブジェクトを自動的に構築するとよいでしょう。各要素をループすることなく。 jQuery の SerializeArray メソッドを利用すると効果的な解決策が得られますが、目的のオブジェクト形式を実現するにはいくつかの処理が必要です。

解決策:

serializeArray メソッドは、各フォームを表すオブジェクトの配列を返します。要素。これをオブジェクトに変換するには、次の関数を利用します:

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

たとえば、フォーム要素が与えられた場合:

<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">

コードはオブジェクトを生成します:

{
    name: "John",
    email: "john@example.com"
}

注: 実際の入力と同じ名前の隠しフィールドがあると、フィールドが上書きされる可能性があるので注意してください。オブジェクト内の値。

以上がjQuery を使用してフォーム データを JavaScript オブジェクトに簡単に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。