「SubmitせずにJavaScriptからCGIを呼び出して結果をHTML上に表示したい」
HTMLファイル上にテキストボックスとそれと対になるラベル(ラベルじゃなくても良いのですが。。)のセットがいくつかあります。
テキストボックスにコードを入力したら、ラベルにそのコードに対応する商品名を表示したいと思っています。
テキストボックスにコードを入力後、フォーカスが離れたら(Onchangeで)JavaScriptでそのコードの値を取得し、そのデータをCGIに渡してサーバにあるDBに接続し、その結果をHTML上のラベルに表示したいと思います。
Sbmitせずにフォーカスが離れた場合に、データをCGIに受け渡し、そのデータを画面遷移しないで、HTML上に表示するのはどのようにすればいいのでしょうか。
また、上記のことをJavaScriptとCGIだけでできるのでしょうか。
教えてください。
よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
いわゆるajaxでいけそうですね。
http://oshiete1.goo.ne.jp/c973.html
最近のサーチエンジンのようにonchangeじゃなくて
onkeyupあたりで処理してもいいかもしれません。
yambejpさん
ありがとうございました。
やはり、Ajaxでないとダメなのですね。。。
CGIとJavaScriptでいけるのではないかと思いましたが。。
Ajaxのカテゴリで再質問させて頂きます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- その他(買い物・ショッピング) JANコードの登録について 1 2022/07/23 14:19
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
個別に違う添付ファイルを付け...
-
e-taxで送信ファイルの拡張子が...
-
VBA:カウンターの i の値が開放...
-
エアコンの冷媒 R410Aの重...
-
USBメモリーで無線でPC転送でき...
-
スマホでtxtファイルを編集する...
-
VBS フォルダ内にあるすべての...
-
エクセルで「特定の文字を含む...
-
アラーム音の変え方
-
flash (.swf) を編集したい
-
リストビューで選択行の背景を...
-
ドアスコープへの取り付けに向...
-
static変数とマルチスレッド
-
iTunes foobar2000 プレイリスト
-
拡張子「.IDJ」を、windo...
-
リストビューの選択状態を取得...
-
Ctrl+Cの動作をするvbs
-
iPhoneの内蔵の記憶媒体は、HDD...
-
多数の見開き画像を自動で二分割
-
SDカードを挿してるのに挿入し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別に違う添付ファイルを付け...
-
e-taxで送信ファイルの拡張子が...
-
エクセルで「特定の文字を含む...
-
スマホでtxtファイルを編集する...
-
複数のブックを新しいブックのS...
-
A4の紙に印刷されている文字を...
-
iPhoneの内蔵の記憶媒体は、HDD...
-
ビデオファイルのプロパティの...
-
エアコンの冷媒 R410Aの重...
-
ガラケーからPCへの写真の取り込み
-
拡張子「.IDJ」を、windo...
-
Fortniteのクラッシュについて
-
2枚、マイクロSDカードを入...
-
VBA:カウンターの i の値が開放...
-
ファイル数と合計サイズの取得方法
-
stdio.hの中身
-
TextBoxにフォーカスを与えると...
-
PC内で速度を遅くした音源をCD...
-
リストビューの選択状態を取得...
-
GIMP separate+プラグイン クラ...
おすすめ情報