Как отправить данные html-формы в nodejs

Ответ для Node.js - Как отправить данные из html в экспресс решает мою проблему, используя другой порт для сервера. Мне было интересно, как живые веб-сайты, например этот веб-сайт (панель поиска stackoverflow), используют действие формы, которое представляет собой каталог («/ search») вместо порта, аналогичного ответу по ссылке? Является ли node.js неспособным прослушивать каталог или я не знаю, как работают http-запросы?

Попробуйте fs.watch и отправьте данные о событиях с помощью веб-сокетов или обновления следующей страницы в /search . nodejs.org/docs/latest/api/fs.html

Gary 10.04.2019 22:20

Я не очень понимаю ваш вопрос: в чем проблема отправлять данные из браузера на любой сервер и обрабатывать все, что сервер отправляет в качестве ответа?

Nico Haase 10.04.2019 22:20

@NicoHaase Мой вопрос: если бы у меня была html-страница, обслуживаемая по адресу 127.0.0.1:8000, можно ли отправить форму на 127.0.0.1:8000/search или мне нужно выбрать другой порт, чтобы мой сервер node.js мог слушать к запросу.

Hatergenerator 10.04.2019 22:36

Это возможно, конечно. Все зависит от вашей индивидуальной конфигурации

Nico Haase 10.04.2019 22:40
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
4
1 177
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы прослушиваете порт для HTTP-запросов. Ваш внешний интерфейс будет выполнять запрос ajax (асинхронный javascript и xml) в вашем коде javascript для маршрута на вашем сервере через порт.

Если вам нужен хороший инструмент для создания простых ajax-запросов, вы можете использовать jQuery или Axios и посмотреть, как сделать ajax с этими библиотеками.

На заднем конце ваш сервер прослушивает порт для запросов к маршрутам. Настройте маршрут (то, что вы назвали каталогом), чтобы отвечать на запросы к определенному URL-адресу. Упомянутый вами пример показал:

app.post('/myaction', function(req, res) {
  res.send('You sent the name "' + req.body.name + '".');
});

Express — это бэкенд-фреймворк для выполнения самых разных задач, но чаще всего для обработки HTTP-запросов и рендеринга HTML. Итак, на внешнем интерфейсе, когда вы делаете запрос ajax к /myaction, вы можете ответить следующим образом:

app.post('/myaction', function(req, res) {
  res.render('templateFileToRender', { dataToDynamicallyTurnIntoHTML: data } );
});

Express отобразит ваш файл шаблона, затем отправит HTML на ваш внешний интерфейс, и вы обновите свой интерфейсный div или что-то еще с помощью визуализированного HTML.

Если вы хотите больше информации, пожалуйста, оставьте комментарий

Спасибо! Я проверю внешние библиотеки и посмотрю, есть ли у меня еще вопросы.

Hatergenerator 10.04.2019 23:27

Другие вопросы по теме