無職のプログラミング [jQuery] 配列データを一旦格納し、イベント発生時にAjaxで送信するこの前、「後でブログに書きたい」と書いてたことを今更まとめる。 JavaScriptで配列データを作成し、そのデータをすぐに送信するのではなく、送信ボタンを押したときにAjaxで送信するようなケースを考える。 この場合、作成した配列データをどこかに格納しなければいけない。 配列をグローバル変数にして格納してもいいのだが、jQueryのdataメソッドが便利なのでそれを使用する。 処理の概要は、 1. サーバーへ送信する配列データを作成 2. 作成した配列データを jQueryのdataメソッドでDOM要素に格納 3. 送信ボタン押下時に、jQueryのdataメソッドでDOM要素から配列データを取り出す 4. 取り出した配列データを jQuery.ajax の引数に設定してサーバーへ送信 となる。 まず、サーバーへ送信する配列データを作成し、DOM要素に格納する箇所のソースコード例 var
