Как реализовать поиск на сайте?

Question

[LehaRybkoha]

В общем, есть задание, чтобы сделать поиск по странице, звучит так " Организовать работу поиска (js, одностраничное приложение) Данных в файле test.json, где: t - заголовок, d - описание для списка результатов, u - путь для навигации, f - текст для детальной страницы."
Файл JSON организован так(не буду говорить реальную информацию):

{
"91":{"t":"Здесь вопрос","d":"Описание ответа","u":"Ссылка","f":"Соответственно текст для детальной страницы"},
"78":{"t":"Здесь вопрос","d":"Описание ответа","u":"Ссылка","f":"Соответственно текст для детальной страницы"},
"55":{"t":"Здесь вопрос","d":"Описание ответа","u":"Ссылка","f":"Соответственно текст для детальной страницы"}
}

Фото как должно быть:

То есть когда человек вводит текст даются подсказки, после нажатия кнопки "Поиск" предлагаются варианты, на которые можно перейти и должна прогрузиться получается другая страница html, как это реализовать? Через AJAX? Через React или Angular? Подсказки и ответы должны прогружаться через XHR с JSON? Или там вообще backend и node.js или php?

Comments

[Rustam Bainazarov]

Через AJAX? Через React или Angular?

Одно другому как-то мешает?

[LehaRybkoha]

Рустам Байназаров, нет конечно, но не могли бы вы объяснить как это сделать?

Answer 1

[Владимир Солнцев]

Вам логику поиска надо делать или отображение уже готовых результатов, которые получаете от апи?
Если второе и апи на том же домене, аджакс подойдет. На вскидку, не особо вникая, делал бы как-то так.
На форму обработчик изменения, который отправляет пользовательский ввод в функцию поиска через аджакс.
Получаем джейсон-файл с результатами, ставим заголовки в подсказки сразу, а результаты по энтеру и клику на кнопке искать.

Чтобы делать прям подсказки-подсказки, а не грузить заголовки найденных статей, нужно реализовывать какое-то хранилище поисковых запросов на бекенде, иначе откуда эти самые подсказки брать.