如何在ASP.net中更新Html表单而不刷新页面?

本文关键字：刷新 表单 Html ASP net 更新 | 更新日期: 2023-09-27 18:13:20

我已经尝试了很长一段时间寻找解决方案，但没有成功，所以我来这里问一下。

我有一个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>

如何在ASP.net中更新Html表单而不刷新页面?

有很多方法可以做到。简单的方法是使用普通的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();
  }
});

相关文章：