0

HTMLフォーム（form.htmlと呼ばれる）とJavaScript関数があり、フォームが送信されると、そのフォームの情報が表示されます。
これらの情報をすべて新しいHTMLページ（confirm.htmlと呼ばれる）に表示したいのですが、どこから行けばよいですか？

注： phpやサーバーサイドなど、本当に深刻な関係はありません。これは単純なオフラインHTMLフォームの問題です。同じフォルダーに2つのhtmlを配置するだけで、ブラウザーでテストします。それだけです。私が心配しているのは、form.htmlファイルの情報が明らかに分離されているためにconfirm.htmlファイルでどのように使用するかということだけです。

どうもありがとうございました、これが私のform.htmlです（私はまだconfirm.htmlを持っていません）

    <HTML>
      <HEAD>
        <TITLE>Contact</TITLE>

        <script type="text/javascript">

          function addtext()
          {
             var fname = document.myform.first_name.value;
             var lname = document.myform.last_name.value;
             var email = document.myform.email.value;

             document.writeln("Thank you! You have just entered the following:");
             document.writeln("<pre>");
             document.writeln("First Name    : " + fname);
             document.writeln("Last Name     : " + lname);
             document.writeln("Email Address : " + email);
          }
        </script>
      </HEAD>
      <BODY>

      <center>
<b>CONTACT US</b> <br></br>   
<form name="myform">

  <label for="first_name">First Name </label>
  <input  type="text" name="first_name" maxlength="50" size="30">
    <br>
  <label for="last_name">Last Name </label>
  <input  type="text" name="last_name" maxlength="50" size="30">
    <br>
  <label for="email">Email Address</label>
  <input  type="text" name="email" maxlength="80" size="30">
    <br>
  <input type="submit" value="Submit" onClick="addtext()">

</form>

    </BODY>
    </HTML>
4

2 に答える 2

1

windowJavaScriptのオブジェクトをチェックしてください： http ：//www.devguru.com/technologies/javascript/10855.asp

それはプロパティを持っていますlocation、あなたがそれに書き込むならば、あなたのブラウザはリダイレクトします：

window.location = "http://www.google.com";

ただし、これはconfirm.htmlにデータを投稿しないことに注意してください。サーバーサイドスクリプトなしでやろうとしていることは、あまり役に立ちません。HTMLフォームは、CGI（Common Gateway Interface）を使用してデータをサーバーに送信し、サーバーは情報を処理できます。プロトコルを使用する場合file://（あなたが行っているように、すべてのローカルの静的ファイル）、データを処理するサーバー側はなく、JavaScriptのみです。

CGIを介してデータを送信するGETメソッドを使用する場合は、javaScriptを使用してURLからデータを抽出できます（別の質問で説明されています）。これを行うには、次のformように更新します。

<form action="confirm.html" method="get">

onClickまた、送信ボタンにハンドラーを配置せずに、送信させてください。

他にも多くのツールが存在しますが、その方法の方が仕事に適しています。サーバー側のスクリプト言語、例としてはPHP、ASP、JSPがあります。ローカルセットアップの場合、最善の方法はXAMPPを使用することです。

于 2012-10-14T19:01:03.363 に答える
1

サーバー側のテクノロジーに依存したくない場合、これはより複雑になります（そして、ハッキー、私は追加するかもしれません）。おそらく最も簡単なのは、送信時にこのようなURLを生成することです-

http://localhost/confirm.html?first_name=val1&last_name=val2&email=val3

次に、confirm.htmlにコードを追加して、これを解凍します。これが役立つと思われる関連する質問です。

編集の瞬間を許していただければ、正確に何をしようとしていますか？これがhtmlのしくみを確認するための個人的なプロジェクトである場合は、サーバー側のテクノロジーについて学び始めることを強くお勧めします。ユーザーデータの処理と状態の永続化を開始すると、サーバーの使用をかなり強制されます。 。Webは設計上、かなりステートレスです。サーバーを使用せずに、またはとにかく特殊なサーバーファイルに依存する傾向がある非常に複雑なAJAXおよびDOM更新手法を使用せずに、ページ間で変数を渡すことはできません。PHPとMySQLサーバーは、既存のテクノロジーを使用してローカルで実行できます。Webテクノロジーの知識を広げることに関心がある場合、これは避けられないステップです。

于 2012-10-14T19:29:53.590 に答える