Отправка данных из файла JS на страницу HTML - PullRequest
Новая
       2

Отправка данных из файла JS на страницу HTML

0 голосов
/ 05 января 2019

Я новичок в NodeJS. Вот простая программа для отправки данных из HTML в файлы NodeJS и обратно. Мой index.html содержит форму и div для отображения ответа, полученного обратно от server.js: 

<html>
<body>

    <form action = "http://127.0.0.1:8000/process_post" method = "POST">
        First Name: <input type = "text" name = "first_name">  <br>
        Last Name: <input type = "text" name = "last_name">  <br>
        <input type = "submit" value = "Submit">
    </form>
    <div><%= name %></div>
</body>
</html>

Ниже приведен код для server.js: 

var express = require('express');
var app = express();
var bodyParser = require('body-parser');
var urlencodedParser = bodyParser.urlencoded({ extended: false })
app.use(urlencodedParser);

app.get('/', function (req, res) {
    res.sendFile(__dirname + '/index.html');
});

app.post('/process_post', function (req, res) {
    var name = req.body.first_name+ ' ' + req.body.last_name;   //to send back to HTML
    console.log(name);
    res.send(name);
 });

var server = app.listen(8000);

Как обновить имя на странице HTML значением name в программе JS при каждой отправке формы?

1 Ответ

0 голосов
/ 05 января 2019

Вы можете использовать AJAX (например, выборку или Axios). Создайте прослушиватель событий на входе отправки с помощью функции, подобной этой: 

axios.post('/process_post', {
    first_name: 'Fred',
    last_name: 'Flintstone'
  })
  .then(response => {
    document.querySelector('div').textContent = response;
  })
  .catch(error => {
    console.log(error);
  });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...