WEB制作者向け無料テーマ「Arkhe」をリリースしました

jQueryでフォームの入力内容を一括で取得する

jQueryを使えば、フォームに入力されたデータを簡単に取得することができる。

フォームの内容をJSONで一括取得

var form = $('.my_form');                     //値を保存しておきたいフォーム
var formData = form.serializeArray();         //serializeArray()でフォームの内容をオブジェクト化
var formJson = JSON.stringify(formData);      //JSON.stringifyメソッドでそのデータをJSON化させる

serializeArray()というjQueryのメソッドを使えばフォームの内容を簡単にオブジェクトとして取得できるので、そのデータをJSON.stringify()でJSON化しています。

new FormData(form)という方法もある?

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA

目次
WordPressテーマ SWELLWordPressテーマ SWELL