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

jquery multipleについて(応用編) keepOrder

さて、複数選択だけなら前回のエントリーだけでなんとかなりますが、左の項目の順番を入れ変えて保存したい場合、難易度がかなり上がります。 公式ページには下記のように書けばOKとかいてあります。 [cray …

no image

vue-routerについて

vueでのルーティングに関して。 Vueの場合、いわゆるSPA(シングルページアプリケーション)という用途で使われることがあると思います。 ただその場合でも擬似的なルーティング(URLの切り替えなどに …

no image

vueの環境構築

vueについて勉強したことなどを。 Contents1 vueとは?1.1 方法1 CDN1.2 方法2 npm+コンパイル vueとは? 近年のJavaScriptフレームワークの一種で「双方向デー …

no image

ejsのテンプレート

普段生のHTMLを書く機会はほとんどなく、画面側の仕事でもフレームワークを使うことがほとんどなので搭載されているテンプレートを使っています。 で、生のHTML/CSSの本を読んでいてejsなるテンプレ …

no image

jquery multipleについて(基本編)

selectで複数選択をするときには通常のプルダウンでも可能ですが、プラグインを使うともっとスマートに対応できます。 今回私が実装したかったのがCSVアップロードorダウンロードで項目を自由に変更した …