Webフロントエンド開発 🔰(WIP)
  • はじめに
  • 本編
    • おさらい
      • Webページが表示されるまで(と業務の境目)
      • Webページを構成する要素
    • 実例から作り方を学ぶ(基礎)
      • Button(ボタン)
      • Modal(モーダル)
      • Tab(タブ)
    • AJAX通信とUI更新
    • 入力フォーム(Form)の実装
      • FormタグのSubmit機能を使った送信
      • Formの各入力要素からJSでデータを取得したうえで、AJAXを使って送信
      • 高度なFormの実装(データバインディング)
    • アプリを作る(基礎)
      • Counter(カウンター) App
      • Todo(タスク管理) App
  • コラム
    • SSR vs SPA
    • MVVMとは
      • MVVMの実装例
    • SSR vs Ajax(+ PushState)
    • 開発者ツールの基本
    • Formatting
GitBook提供
このページ内

役に立ちましたか?

  1. 本編

入力フォーム(Form)の実装

今回は実務で良く使うであろうFormでのデータ送信処理を実装していきます。実装の方法は大きく以下の二つがあります。

  1. FormタグのSubmit機能を使った送信

  2. Formの各入力要素からJSでデータを取得したうえで、AJAXを使って送信

    1. 2の派生系として、データバインディングによるフォームの実装

いずれもデータを送信するうえでは同じものになるのですが、それぞれの違いを見ていこうと思います。

前へAJAX通信とUI更新次へFormタグのSubmit機能を使った送信

最終更新 5 年前

役に立ちましたか?