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

ECMAScriptについて復習

ここ数年のJavaScript界隈は進化が激しく、私の知識はレガシーな状態で止まっているので、自分に備忘録として整理しておこうと思います。 Contents1 ECMAScriptとは?2 ECMAS …

no image

クリック編集のjQuery

最近のWEBサービスだと表示の画面と編集画面が同じになっていて、一見表示なんだけど、クリックすると特定の項目は編集できる、そんな画面がふえていきていますよね。 先日社内アプリをつくっていたところ、そう …

no image

npmでのJSライブラリインストール&ビルド(※gulp使用時)

こちらのリンクでJSのnpmパッケージでのインストール&ビルドをしたので、gulpでのビルドを。 前提条件としては nodeのインストール npmのインストール がされていればOKです。 最小構成でい …

no image

PHP(DBアクセス)→HTML→Angularを実行するために

AngularJSでデータベースをつかうときには$httpや$resourceを使うことが多いですが、それ以前にAngularを読み込んでデータベースにアクセスしないことも重要かと思っています。 とい …

no image

webpackについて再履修

webpackについて今まで見よう見まねでやってきましたが、おまじないのような感じでプロパティ内部までしっかり理解しているとは言い難いため、再履修です。インストールとかは省略。 今まで書いた既存のwe …