JavaScript/jQueryを使用してフォームデータをJSONオブジェクトとして取得するにはどうすればよいですか?

JavaScript/jQuery を使用したフォーム データの取得

フォーム データをキャプチャするときは、従来の HTML のみの送信を反映した単純なアプローチを求めることができます。方法。次のフォームについて考えてみましょう:

`

`

目標は、このフォームから次の JSON オブジェクトを取得することです。

ただし、次のような単純化しすぎたアプローチでは、すべてのフォーム要素 (たとえば、テキストエリア、選択、ラジオ ボタン、チェックボックスなど):

解決策: $('form').serializeArray()

幸いなことに、jQuery は$('form').serializeArray() メソッド。各フォームの名前と値を含むオブジェクトの配列を返します。 element:

代替オプション: $('form').serialize()

フォーム データの文字列表現を希望する場合は、次のように指定できます。 $('form').serialize()、URL エンコードされた文字列を返します:

Forライブデモについては、提供されている jsfiddle デモを参照してください。

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