Создать иматацию поиска на HTML+JS?

Question

[Levelse]

Добрый день, уважаемые пользователи. Я плохо знаком с JS, но уверен что он способен реализовать данное решение.
Суть в том, есть страница индекс на ней только строка поиска, + присутствует еще 30 html страниц. Возможно ли реализовать, так чтоб пользователь начинал вводить в строку поиска название одной из страниц, и при клике на поиск переходил на эту страницу название которой указал. И желательно сделать через ajax поиск, чтоб при вводе первой буквы появлялись все страницы где в названии эти буквы. Знаю что криво, но надеюсь более не менее доступно объяснил.
Буду очень признателен любым ответам. Спасибо.

Answer 1

[Егор Живагин]

Есть бэкенд в проекте?
Или вы знаете все названия и ссылки страниц, и они не будут пополняться?

AJAX - технология, которая отправляет запросы на бэкенд. Если нет бэкенда - нет AJAX-а

Comments

[Levelse]

Нет, бекенда нету. Просто 30 статичных html страниц.

[Сергей delphinpro]

Ajax может запросить просто файл с сервера. Например json со списком страниц.
Но если страницы статичные, можно вообще без аякса обойтись, тупо вписав страницы в html. Как вариант можно использовать input + datalist + немного js

[Алексей Ярков]

Сергей,

Как вариант можно использовать input + datalist + немного js

В Сафари с datalist беда прям вроде бы.
https://caniuse.com/#feat=datalist

[Сергей delphinpro]

Алексей Ярков, тогда классический автокомплит. js побольше будет, но делов там на полчаса.

Answer 2

[Andrew]

Клац
гуглить можно "ajax live search"

Answer 3

[Александр]

php + html + jQuery
1. На стороне сервера (пхп) пишешь массив и обработчик
2. Js. Отлавливаешь событие в теге инпут и отправляешь запрос на сервер
3. Выводишь полученный ответ.

Расписывать здесь все действия нет смысла...