skillup

技術ブログ

JavaScript

formのシリアライズ+return falseなど

投稿日:2018年6月5日 更新日:

ajaxでformの値を投稿しようとするとき、一つ一つの要素をjQueryでとっていたのですが、項目が多いとなかなか手間です。

そんな時、下記のメソッドで一気にフォーム要素を取得して投げることができます。

ずっとjQueryでコツコツとってました。もっと早く知りたかった小ネタですね・・・・

AjaxでFormデータ送信する簡単な仕方

jQuery日本語リファレンス serialize

return falseやevent.preventDefaultについて

主にリンクの遷移を止めるreturn falseやevent PreventDefaultについて

共にリンクの遷移を止める機能がありますが、それ以前の挙動については実行するか否かの動きが違います。

リンク先がわかりやすくなっているのでリスペクトも含めて、コピペします。

1分でわかるreturn false; preventDefault(); stopPropagation() の違い

jQuery のバブリング、preventDefault() や stopPropagation() の使用例

stopPropagationを使う機会があったのでメモ。

クリックするとブロック全体が閉じるような領域があったとして、その要素の中で何らかのイベントを発生させたい時、通常だとブロックが閉じてしまいます。

この場合、event.stopPropagationを使うと、親へのイベントの伝播が止まり、ブロックが閉じません。

使う機会がないとわかりませんが、わかれば一発だなと・・・・

-JavaScript

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

途中入力離脱防止処理 JavaScript

WordPressの入力画面なんかでは実装されていますが、途中で文字入力をしてページりだすをしようとするとブラウザのアラートがでます。これも一般のお問い合わせフォームなんかでも実装可能です。 この場合 …

no image

AngularJS カスタムディレクティブ

AngularはHTMLの中にng-clickなどと書いておけばイベントを紐づけて、特定動作時にメソッドを呼び出すことができます。 これをオリジナルで自作することができます。 customer_dir …

no image

jQuery modalダイアログについて&重複時間処理

Contents1 jqueryモーダルダイアログ1.1 あらかじめ読み込むライブラリ1.2 ソース本体1.2.1 Html側1.2.2 Javascript側1.2.3 参考リンク2 重複時間につい …

no image

複数の非同期処理終了後(when&Promise.all)

JavaScriptで複数の非同期処理(例:API)を走らせて、その非同期処理が全て終わった後で、何らかの処理をしたい時について。 Contents1 when2 Promise_all when j …

no image

ケース別JavaScriptライブラリまとめ

Webエンジニアとしてはサーバーサイドのプログラムのみならず、JavaScriptをいじることがおおいでしょう。 私自身、昔はわけがわからず大嫌いだったんですが、最近はデバッグが楽なこともあり、結構愛 …

アーカイブ