сохраняйте состояние ввода после перенаправления URL-адреса

#javascript #html #frontend

Вопрос:

Я пытаюсь имитировать поведение, которое отображают некоторые веб-сайты, такие как netflix, при вводе в строке поиска. Элемент ввода остается активным, пока перенаправляется на URL-адрес с параметром запроса, содержащим входное значение, например: переключение панели поиска netflix

есть какие-нибудь идеи о том, как это сделать?

1. Это не перенаправление. Даже если URL кажется, что им манипулируют, это всего лишь javascript.

2. спасибо, это было очень полезно, несмотря на прямой ответ; в итоге я использовал javascripts history.pushState для управления URL-адресом без обновления страницы

3. Я предлагаю вам ответить на свой собственный вопрос, так как вы нашли решение. Кроме того, вы можете принять свой ответ, чтобы заявить, что на вопрос был дан ответ.

Ответ №1:

Итак, в основном вам нужно вызывать функцию поиска (скажем, она возвращает фильмы с соответствующим ключевым словом) каждый раз, когда пользователь нажимает клавишу. Этого можно достичь с помощью event handlers таких, как onkeyup см. Это.

Функция search :-

 <input type = 'text'  onkeyup = 'searchMovies(this.value)' placeholder = 'Search'/>`

<script>
  function searchMovies(key) {
    // Search logic goes here
    console.log(key);
}
</script>

1. Я не думаю, что это ответ на вопрос OP. Подумайте о том, чтобы добавить еще немного контекста к тому, что такое «функция поиска».

2. Добавлено @AramBecker

3. Я думаю, что оп спрашивает больше о том, как «имитировать» перезагрузку страницы при поиске вещей. Например, как бы вы поймали отправку поисковой фирмы и заменили результаты без перезагрузки страницы