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隐藏页面的其他方法，您可以再次使用IsPostBack显示表或div按钮单击为false。