UI更改未持久存在于ASP.Net应用程序中

Question

我有一个table，默认情况下是隐藏的。单击搜索按钮时，我正在使用jQuery删除d-none类并显示表格。

<input type="submit" value="Search" class="btn btn-default" id="searchName" />
<table id="resultsTable" class="table d-none">

$(document).ready(function() {
  $("#searchName").click(function () {
      $("#resultsTable").removeClass("d-none");
  });
});

它可以工作，但是只是短暂的一会儿，桌子又消失了。我认为这与坚持不懈有关，但不确定如何取得进展。

有人可以指出我的正确方向吗？

Answer 1

单击type =“ submit”按钮时，默认行为是刷新页面，因此javascript将运行，并在刷新页面后立即击中页面，并且浏览器会接收到原始html且该类仍然存在

我已经有一段时间没有使用ASP.Net了，但是如果该按钮不需要向服务器发送任何内容，则只需删除type =“ input”并放入type =“ button”。

Answer 2

提交后刷新页面，从而打开页面的原始视图。为了避免这种情况，请尝试使用IsPostBack设置为false，这在asp.net中可用。这不会刷新页面，但可以完成工作。 隐藏加载页面的另一种方法是，使用JQuery可以显示表或div单击按钮，而IsPostBack返回false则再次单击。