htmlでcgiの実行結果を画面表示する方法

Question

WEB関連は不慣れなため、htmlについてかなり初歩的な質問かもしれませんが、

<form action="xxxx.cgi" method="get">
    ファイル名：
    <input type="text" name="filename" size="30" >
    <input type="submit" value="送信" ><br><br>
    <textarea name="result" cols="80" rows="5"></textarea><br>
</form>

このようなフォームで
１．ファイル名を入力
２．送信ボタン押下で入力文字列filenameをcgiに送る
３．cgiでサーバでファイルの内容を読み出し
４．表示中の画面のテキストエリアresultに結果を表示

よく目にする画面表示ですが、
表示しているhtmlとcgiはどのように実装しているのでしょうか。

結果のみテキストエリアに表示する手法がわかりません。

具体的には、
getでcgiへ引数を渡すのはわかりますが、
cgiから結果を取得する方法があるのか、
またその結果を表示する流れがよくわかりません。

よろしくお願いします！

Comments

[ockeghem]

元のファイルはパソコン上にあるのでしょうか、それともサーバー上にあるのでしょうか?

[cupnew1988]

サーバ上のファイルを読み込む想定です。

質問内容があいまいでしたので、一旦解決として、改めて質問を投稿します。
ありがとうございました

Answer 1

内容を限定したため質問の用途があいまいになり、回答しにくい質問になってしまったようですいません。

機器のメンテナンス用管理画面をクライアント／サーバ構成からWEBに置き換えを想定していて、HTML等で同様に実装方法を調べていたところです。

もう一度内容を整理して、新たな質問として投稿します。
お手数をおかけしました。

Answer 2

提示されているHTMLを前提とするなら、

４．表示中の画面のテキストエリアresultに結果を表示

そうはなりません。CGIがHTML文書などを生成して返して、<form>がある文書はCGIが生成した文書に置き換わります。

---

文書の置き換えを起こさずに<textarea>の内容を更新するなら、XHRなどを使います。
もし指定されたファイル内容を<textarea>に入れたいだけであれば<form>もCGIも不要で、FileReaderを使います。

Comments

[cupnew1988]

画面表示と遷移を行う処理はある程度理解していますが、
サーバサイドとの表示の連動は単純なhtml+cgiだけではできないようですね。

実はファイル読み出し以外にもサーバ状態の表示なども想定しています。
少しあいまいな質問だったかもしれません。
一旦解決として、改めて質問を投稿します。
お手数をおかけしました。