Question

我正在使用过滤器功能对我的列表框进行排序。问题是，每次我使用filter-function（文本框中的字符串和一个按钮使它们在字符串上进行过滤）时，页面都会重新加载，并且我需要再次填写4个文本框，而我在重新加载。

对此有什么好的解决方案吗？

        .on("click", "#search", function () {

            var searchString = $("#searchString").val();
            location.href = '/Meeting/Meeting?searchString=' + searchString

        });

 <input class="form-control" type="text" id="searchString" />

 <button type='button' id="search" class="btn btn-default">submit</button>

Answer 1

不重新加载页面就无法真正更新href。

您可以潜在地使用history.pushState（）或history.replaceState（），但是除非您知道自己在做什么，否则我会犹豫采用这种方法。如果您想了解有关修改浏览器历史记录的更多信息，建议您阅读以下链接： https://developer.mozilla.org/en-US/docs/Web/API/History_API

或者，您可以将searchString附加为锚点，并使网址类似“ / Meeting / Meeting＃searchString = yourQuery”。

保留文本框输入值或防止页面重新加载

1 个答案: