Blog

Ajax でデータ送信、受信

Ajaxを使って、データを配列として送信、受信する事が出来ます。

ここではチェックボックスをチェックするたびに、Ajaxでデータを送信して受信する

流れを紹介したいと思います。

流れとしては

  1. チェックボックスをチェックする
  2. チェックしたら「CheckValue(n)」というfunctionが実行され、チェックされた値を取得する
  3. チェックされた値は「ajax」を利用して、「ajax.php」に渡す
  4. 「ajax.php」には自分のシステムに応じて、取得したデータを元に、データベースからデータを取得する
  5. 取得したデータは「index.php」の「content_hover」というクラスがついている「div」の中に表示される
  6.   ※結果をどこに表示するのかは「javascript の success: function(html)の所」に指定できる

index.php

ajax.php

取得した内容はindex.phpの「content_hover」というクラス名のdivの中に表示されます。

Author Profile

poe

本心でやれば、できないことはない!。。。。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ