「SubmitせずにAjaxからCGIを呼び出して結果をHTML上に表

質問

「SubmitせずにAjaxからCGIを呼び出して結果をHTML上に表示したい」

HTMLファイル上にテキストボックスとそれと対になるラベル（ラベルじゃなくても良いのですが。。）のセットがいくつかあります。

テキストボックスにコードを入力したら、ラベルにそのコードに対応する商品名を表示したいと思っています。

テキストボックスにコードを入力後、フォーカスが離れたら（Onchangeで）Ajaxでそのコードの値を取得し、そのデータをCGIに渡してサーバにあるDBに接続し、その結果をHTML上のラベルに表示したいと思います。

Sbmitせずにフォーカスが離れた場合に、データをCGIに受け渡し、そのデータを画面遷移しないで、HTML上に表示するのはどのようにすればいいのでしょうか。

Ajaxを使えばいいと教わったのですが、色んなサイトを調べてみたのですが、Ajaxが初心者で、よくわからず、コードなどございましたら教えて頂けましたら嬉しいです。

よろしくお願い致します。

回答No.3

noname#111181 · ベストアンサー

> Prototype より、jQuery の方を使った方が良いのでしょうか。

いまはjQueryの方が普及しており、さまざまなスクリプトが入手できます。お勧めです。

お礼

i80286さん

ありがとうございました。

jQueryの方で挑戦してみます！

またつまづくことがあるかと思いますが、よろしくお願い致します！！

回答No.2

noname#111181

Ajaxの非同期通信を使うわけですが、ブラウザによってインプリメントに若干の差異があります。
そこで、「jQueryのダウンロード」（http://semooh.jp/jquery/ref/cont/tutorial/）を参考にjQueryを入手して下さい。
また、非同期通信の方法は「jQuery　非同期通信を行う」（http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter21/006/index.html）をご覧下さい。

お礼

i80286さん

ありがとうございました。

素人質問で申しわけございませんが、私の質問内容からですと、Prototype より、jQuery の方を使った方が良いのでしょうか。

教えて頂けましたら幸いです。

回答No.1

scorpion2009

amazon等でAJAX入門 関係の本を一通り見て、評価が高い本を書店などでご覧頂くことをお勧めします。
　参考URLに簡単なサンプルも載っています。

参考URL：

http://www.openspc2.org/JavaScript/Ajax/jQuery_study/ver1.2.6/index.html

お礼

scorpion2009さん

ありがとうございました。

そうですね、そのようにしてみます。