W
W
Webフロントエンド開発 🔰(WIP)
検索
⌃K
はじめに
本編
おさらい
実例から作り方を学ぶ(基礎)
AJAX通信とUI更新
入力フォーム(Form)の実装
FormタグのSubmit機能を使った送信
Formの各入力要素からJSでデータを取得したうえで、AJAXを使って送信
高度なFormの実装(データバインディング)
アプリを作る(基礎)
コラム
SSR vs SPA
MVVMとは
SSR vs Ajax(+ PushState)
開発者ツールの基本
Formatting
GitBook
上で動作しています
入力フォーム(Form)の実装
今回は実務で良く使うであろうFormでのデータ送信処理を実装していきます。実装の方法は大きく以下の二つがあります。
1.
FormタグのSubmit機能を使った送信
2.
Formの各入力要素からJSでデータを取得したうえで、AJAXを使って送信
1.
2の派生系として、データバインディングによるフォームの実装
いずれもデータを送信するうえでは同じものになるのですが、それぞれの違いを見ていこうと思います。
本編 - 前
AJAX通信とUI更新
次
FormタグのSubmit機能を使った送信
最終更新
3yr ago