Пофиксим несколько проблем. Доработаем поиск. Сделаем возможность искать абонентов, чьи имена начинаются на вводимые символы. Плюс покажу примитивный вариант без необходимости нажатия кнопки, начинаем вводить текст - сразу получаем подходящих абонентов с телефонами.
Что использовали:
На серверной стороне:
Снова деструктуризация, а именно массивов, вместо 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.