Ajaxを使ったフォームデータの送信 : JavaScript
Ajaxを使ったPOSTデータの送信サンプル。
Ajaxを使って2つのinput要素に入力された値をサーバプログラム(ajax.php)で結合して表示する。
utility.js, ajax.js, ajax.html, ajax.phpを同一フォルダに配置する。
utility.js
名前空間の管理やパーセントエンコーディングを行うユーティリティークラス。
ajax.js
Ajaxの処理。
ajax.html
- 送信フォームの表示
- ajaxオブジェクトの利用
- 結果の表示
» Ajax通信を使ってPHPにPOSTでデータを送信するサンプル:WebCake
ajax.php
サーバ側処理。単に2つの値を結合して返す。
コメント
No comments yet.
コメントの投稿
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。