0

asp サーバーからデータを取得する単純な検索フォームがあります。ユーザーがフォームを送信すると、同じページでテーブルが更新されます。ページ全体ではなくテーブルのみがリロードされるように、ルックアップを ajax を使用するように変換しようとしています。しかし、サーバーに渡すデータ値として asp 変数を渡すにはどうすればよいですか? aspサーバーから返されたデータを実際に解析するにはどうすればよいですか? 現在のセットアップ方法には応答がありません。データ値をハードコードし、アラート「テスト」を行うと、ajax 呼び出しが機能します。

getinfo.asp

<form name="form" method="get" action="getinfo.asp">
    <input id="appendedInputButton" name="txtsearch" value="<%=txtSearch%>" type="text">
    <button id="submitform" type="submit" onclick="event.preventDefault();" >Search</button>
</form>

<div id="showresults">
<table>
    <tr>
        <td>Name: <%=name%></td>
        <td>Email: <%=email%></td>
        <td>Phone: <%=phone%></td>
    </tr>
 </table>
</div>

    <script>
        $('#submitform').click(function() {
            $.ajax({
            url: "getinfo.asp",
            data: {
                txtsearch: $('#appendedInputButton').val()
            },
            type: "GET",
            dataType : "html",
            success: function( html ) {
                $('#showresults').html(html, '#showresults');
            },
            error: function( xhr, status ) {
                alert( "Sorry, there was a problem!" );
            },
            complete: function( xhr, status ) {
                alert( "The request is complete!" );
            }
            });
        });
    </script>
4

2 に答える 2