1

タブを使用して Web アプリケーションをナビゲートしています。各タブには、ユーザーからの入力を受け取り、入力に従ってデータのテーブルを表示するためのフォームを含む個別のファイルがあります。

同じタブに結果テーブルを表示し、入力フォームを再び差分入力を受信できるようにする方法を知りたいです。

これが私のコードです

<div id="tabs">
      <ul>
            <li><a href="t1.htm">Tab 1</a></li>
            <li><a href="t2.htm">Tab 2</a></li>
            <li><a href="t3.htm">Tab 3</a></li>
      </ul>
</div>

私の t1.htm の例

<form action="table.htm" method="POST">
       First Name: <input type="text" name="first_name">
       <br />
       Last Name: <input type="text" name="last_name" />
       <input type="submit" value="Submit" />
</form>

whileはandtable.htmの入力に従って動的テーブルを作成します。しかし、今フォームを送信するとすぐに開きますが、入力フォームの下にのみ結果を表示したいです。firstnamelastnametable.htm

4

2 に答える 2

0

質問を正しく理解した場合 (2 回読んでください)

jquery を使用して ajax リクエストを送信するだけで、フォームは次の入力の準備が整います。

フォームにはフィールドが含まれています

<form id="myform">
...
<button id="sub">Submit</button>
</form>

以下の div には ajax-request 応答が含まれます。これは、ほとんどがテーブルです。

<div id="resultContainer"></div>

ajaxを介してフォームをURLに送信するスクリプトは次のとおりです

<script>
$("#sub").click(function(){
        $.ajax({
            type: "POST",
            url: "myjsp.jsp",
            data: $("#myform").serialize(),
            complete: function(xhr, textStatus) {
                $("#resultContainer").html(xhr.responseText);
            }
        });
    });
</script>
于 2013-08-30T02:36:38.220 に答える