如何在不刷新ASP.net中的頁面的情況下更新HTML表單？

Question

我已經嘗試尋找解決方案很長時間了，但沒有成功，所以我來這里詢問。

我有一個ASP.net Web應用程序，可以從數據庫中獲取信息，並將該信息以表格的形式放在html頁面上，效果很好。 我也有一個搜索功能，可以正常工作。

但是每次我搜索它都會重新加載整個頁面。 我知道我應該使用JQuery ...以某種方式...但是我不太了解如何將其應用於我的代碼。

<div class="tab-content">
    <div id="log" class="tab active">
        <h1>Log</h1>
        @using (Html.BeginForm())
        {
            <p>
                <b>Message:</b> @Html.TextBox("SearchString")
                <input type="button" value="Search" onclick="submit()"/>
            </p>
        }
        @RenderBody()
        @Html.Raw(ViewBag.Data)
    </div>
</div>

Answer 1

有很多方法可以做到這一點。 簡單的方法是使用普通的jquery函數更改字段中的數據。 請參閱以下示例供您參考。

https://dotnetfiddle.net/zIMk99

 $('.submit').click(function(){ if($('form').valid()) { $.ajax({ url: '@Url.RouteUrl(new{ action="GetAnswer", controller="Home"})', data: {Answer: '', Question: $('#Question').val()}, type: 'POST', dataType: 'json', contentType: "application/json; charset=utf-8", success: function(resp) { openAlert(resp); }}); } else { closeAlert(); } });