クリックしたら情報を読込みたい（ajax?!）

質問

データベースの情報をWebページに表示させています。

質問：表示された時は、情報を5つのみ表示し、■（ボタン）を押したら、次の情報が5つ読み込まれる。情報があるまでその繰り返し。
希望はボタンを押したら5つだけの情報をデータベースから読み込み。
（データ量が多いため固まってしまうので）
あと、ボタンは常に一つがいいです。

例：
　　1　2　3　4　5　■

・・・・・■（ボタン）を押したら・・・・
　　6　7　8　9　10

・・・・・■（ボタン）を押したら・・・・
　　11　12　13　14　15

・・・・・■（ボタン）を押したら・・・・
　　16　17　18　19　20

...続く。

以上、ご指導よろしくお願いします。

回答No.2

noname#137197 · ベストアンサー

ANo1 です。

サンプルよりもコチラのサイトをご覧になると良いかと。JQuery という割とメジャーなライブラリで、かなり簡単に使えます。

Ajax は技術名であって、実際にはこういうライブラリを使います。

データベース（つまりサーバーサイド）の実装はTomcat とかStruts とかの話ですよね？そちらは実装済みで良かったですよね？

参考URL：

http://semooh.jp/jquery/

お礼

ご回答ありがとうございます。

Tomcat 　Struts　の設定などはしてませんでした。
存在も分かっていませんでした。
jqueryは使用したことがあるので、そちらの方でやってみます。
ありがとうございました。

回答No.1

noname#137197

Ajax を使えばJavaScript 内でリクエスト送信とレスポンス受信ができます。

流れとしてはmouseclick イベントでAjax にて情報取得の為のリクエストを送信し、非同期呼び出しとなるレスポンス受信コールバック関数で画面更新処理をすれば良いかと。

実際の実装は結構力業になると思います。便利なコンポーネントもあると思いますが、どれくらい柔軟で安易かは開発者のスキルによります。たいていの場合、結局は自分で実装する事になるんじゃないでしょうか？

＃参考になったでしょうか・・・

補足

ご回答ありがとうございます。

ajaxは使用したことがないため、ちょっと想像ができませんでした。
サンプルコード等をご存知でしたら教えて欲しいです。
よろしくお願いします。