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>