Поиск по сайту с использованием формы

@Roman_Semeniuk1 · Регистрация: 08.05.2017

Студворк — интернет-сервис помощи студентам

Доброго времени суток подскажите пожалуйста как реализовать поиск на сайте в HTML с помощью формы? (Без подключения поиска через google или яндекс)...Спасибо

@Kifsif · 13.11.2017, 00:57

Из формы данные передаются на бэкенд. Куда именно - задается в атрибуте action. На сервере выполняется поиск: запрос к базе данных. И сервер возвращает ответ. Ответ может быть разным: полностью готовая HTML-страница, кусочек HTML-страницы, данные в формате JSON и т.д. В зависимости от этого задачами фронтенд-разработчика могут быть: верстка полной (готовой) страницы с результатами поиска; вставка в нужное место полученной сгененированной на сервере части HTML-страницы; взять прилетевшие данных в формате JSON, и изменить страницу (применяются AngularJS, React и т.п.).

@Roman_Semeniuk1 · 13.11.2017, 01:07 **[ТС]**

Kifsif, правильно ли я вас понял што самому мне написать код не получитса?

@Kifsif · 13.11.2017, 01:27

Без использования Гугля, Яндекса и т.п. внешнего сервиса (вплоть до самописного) или без обращения на сервер организовать поиск на сайте не получится.

Но если Вы изучаете верстку, вам главное хорошо вывести поисковую форму и результаты запроса. Если речь идет о процессе обучения, можно смоделировать ситуацию: как будто с сервера прилетели вот эти данные, вот мы их вставляем вот сюда.
Технически можно попробовать сделать так: каталог, в нем кладем файл, например, partition.html (допустим, у нас вариант, когда сервер нам вернул результаты в виде готовой части страницы, а нам их надо только положить в нужный контейнер). И обратиться в атрибуте action по относительному пути. Должно получиться. Я не пробовал, но должно сработать. Если не получится, можно в этом каталоге запустить http-сервер на питоне (для Python 3 это будет команда python -m http.server 8000 --bind 127.0.0.1). И теперь в поле action Вашей формы прописать уже 127.0.0.1:8000. Сюда же можно обратиться и с помощью AJAX. Еще как вариант можно попробовать вот этот сервис https://surge.sh/ - туда заливаем наш html, и по соответствующему адресу обращаемся - будет ответ, вполне себе полученный от сервера.

@Roman_Semeniuk1 · 13.11.2017, 04:00 **[ТС]**

Kifsif, спасибо, есть над чем подумать!)

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 30.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

@Roman_Semeniuk1 10 / 0 / 0 Регистрация: 08.05.2017 Сообщений: 136

	Поиск по сайту с использованием формы 12.11.2017, 18:03. Показов 1190. Ответов 4 Метки нет (Все метки) Доброго времени суток подскажите пожалуйста как реализовать поиск на сайте в HTML с помощью формы? (Без подключения поиска через google или яндекс)...Спасибо 0

@Kifsif 145 / 113 / 31 Регистрация: 12.06.2011 Сообщений: 1,246
	13.11.2017, 00:57
	Из формы данные передаются на бэкенд. Куда именно - задается в атрибуте action. На сервере выполняется поиск: запрос к базе данных. И сервер возвращает ответ. Ответ может быть разным: полностью готовая HTML-страница, кусочек HTML-страницы, данные в формате JSON и т.д. В зависимости от этого задачами фронтенд-разработчика могут быть: верстка полной (готовой) страницы с результатами поиска; вставка в нужное место полученной сгененированной на сервере части HTML-страницы; взять прилетевшие данных в формате JSON, и изменить страницу (применяются AngularJS, React и т.п.). 1

@Roman_Semeniuk1 10 / 0 / 0 Регистрация: 08.05.2017 Сообщений: 136
	13.11.2017, 01:07 [ТС]
	Kifsif, правильно ли я вас понял што самому мне написать код не получитса? 0

@Kifsif 145 / 113 / 31 Регистрация: 12.06.2011 Сообщений: 1,246
	13.11.2017, 01:27
	Сообщение было отмечено Roman_Semeniuk1 как решение Решение Без использования Гугля, Яндекса и т.п. внешнего сервиса (вплоть до самописного) или без обращения на сервер организовать поиск на сайте не получится. Но если Вы изучаете верстку, вам главное хорошо вывести поисковую форму и результаты запроса. Если речь идет о процессе обучения, можно смоделировать ситуацию: как будто с сервера прилетели вот эти данные, вот мы их вставляем вот сюда. Технически можно попробовать сделать так: каталог, в нем кладем файл, например, partition.html (допустим, у нас вариант, когда сервер нам вернул результаты в виде готовой части страницы, а нам их надо только положить в нужный контейнер). И обратиться в атрибуте action по относительному пути. Должно получиться. Я не пробовал, но должно сработать. Если не получится, можно в этом каталоге запустить http-сервер на питоне (для Python 3 это будет команда python -m http.server 8000 --bind 127.0.0.1). И теперь в поле action Вашей формы прописать уже 127.0.0.1:8000. Сюда же можно обратиться и с помощью AJAX. Еще как вариант можно попробовать вот этот сервис https://surge.sh/ - туда заливаем наш html, и по соответствующему адресу обращаемся - будет ответ, вполне себе полученный от сервера. 1

@Roman_Semeniuk1 10 / 0 / 0 Регистрация: 08.05.2017 Сообщений: 136
	13.11.2017, 04:00 [ТС]
	Kifsif, спасибо, есть над чем подумать!) 0

Поиск по сайту с использованием формы

Решение