Ajaxを使ったフォームデータの送信 : JavaScript

Pocket

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つの値を結合して返す。

人気記事 はてなブックマーク

この日記のはてなブックマーク数