jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com

仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。

[kent-where-the-light-is]

“送信ボタンを、送信前に無効化、完了後に戻す事で、思わずダブルクリックしちゃったみたいなのに対応します。”

[studio-h]

行けた

[yamadar]

有用でした。ありがとうございます。

[s99e209]

フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のTIPS

[kedikedi]

なるほど

[nonsect]

jQuery を使って Ajaxでフォームを送信する際の基本のパターン。わかりやすい。ありがとうございます。

[heyMackie]

メモ

[tacamy]

フォームをAjax送信するところすごくみてる！.serialize()ってするんか。

[yhakusyaku]

jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | http://t.co/WUtXTC7Ir4

[kawaosa]

二重送信禁止

[HHR]

form利用時のチュートリアル。deferred使ってない。

[bleu-bleut]

jQuery.ajax()

[JHashimoto]

"フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。"

[warriorking]

jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | http://t.co/dCXmlVbLoH

[yaoki_dokidoki]

とりあえず