Рабочее веб-приложение на MySQL/MariaDB, Node.js, Express, HTML/CSS. 6. Дорабатываем поиск.

Опубликовано: 26 Июль 2026
на канале: Лаборатория Крылевского
830
24

Пофиксим несколько проблем. Доработаем поиск. Сделаем возможность искать абонентов, чьи имена начинаются на вводимые символы. Плюс покажу примитивный вариант без необходимости нажатия кнопки, начинаем вводить текст - сразу получаем подходящих абонентов с телефонами.

Что использовали:

На серверной стороне:
Снова деструктуризация, а именно массивов, вместо const x = array[0] пишем const [x] = array.
res.json - преобразует объект, переданный в первом аргументе, в формат json и отправляет это клиенту

На клиентской стороне:
Метод fetch для отправки запроса на сервер по ссылке (урлу)
Событие oninput, которое срабатывает когда пользователь набирает текст в поле
document.querySelector - получает DOM элемент (по сути тег) по указанному селектору
innerHTML - это поле у DOM элемента, которое содержит внутренний HTML код дочерних элементов, его можно и менять, что мы и сделали
Селектор - это возможность подобраться к определённому тегу на странице по его параметрам, например, названию тега или классу.

Код урока:
https://bitbucket.org/Arhimondus/mysq...

Наш сайт - https://krylevsky-lab.ru​. Ещё в альфа стадии находится, поэтому что-то может быть недоделано. Скоро будет бесплатный онлайн-тренажёр.

Подписывайтесь на нашу группу для новостей https://vk.com/krylevsky_lab​.