Сохраните вводимые значения текстового поля ИЛИ не допускайте перезагрузки страницы

Question

Я использую функцию фильтра для сортировки списка.Проблема в том, что каждый раз, когда я использую функцию фильтра (строку в текстовом поле и кнопку, чтобы заставить их фильтровать строку), страница перезагружается, и мне нужно снова заполнить 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 в качестве привязки и сделать свой URL-адрес похожим на '/ Meeting / Meeting# SearchString = yourQuery».