AjaxをやるときのHTMLとサーバー側コードの書き方を整理する
Ajaxをやろうとして沼だったので、書いて整理したい。
jQueryで$.ajax
を使う一方で画面遷移が起こらないようにpreventDefault
でブラウザのリクエストを止めるか、そもそもHTMLでSubmitしないようにする必要がある。
NGパターン
Ajaxなのに画面遷移してしまう
Ajaxなのに画面遷移してしまう残念パターン。
HTMLでSubmitする+jsで
preventDefault
していない
OKパターン
ちゃんと非同期通信できるのは
HTMLでSubmitしない or HTMLでSubmitする+jsで
preventDefault
する
とても参考になるリンクがあったので貼る。
ふじこのプログラミング奮闘記 - jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」について