0

Создаю чат, с помощью метода пост отправляю данные с формы на сервер, и затем перенаправляю на страницу чата. У меня есть блок на странице, в котором должно быть имя пользователя, введенное на странице регистрации, как мне отобразить туда данные полученные с сервера? В данный момент все это делаю через локальное хранилище.

Вот как получаю данные на сервере с формы (index.js):

app.post('/', urlencodedParser, function (
    request,
    response
) {
    if (!request.body)
        return response.sendStatus(400);
    response.redirect("client/chat.html");
    console.log(request.body.Username);
});

io.on('connection', (socket) => {

    socket.on('chat message', (msg) => { 
....

Вот как это происходит на данный момент: register.js

const FORM = document.querySelector(".FORM");
const INPUT = document.querySelector(".INPUT");

FORM.addEventListener('submit', (Event) => {
    Event.preventDefault();
    if (INPUT.value) {
        let name = INPUT.value;
        localStorage.setItem("name", name);
        Event.target.reset();
    }
});

main.js

const userName = localStorage.getItem('name');
nameBlock.innerHTML = userName;

Как сделать так, чтобы вставлял с помощью innertHTML данные полученные с сервера

1 ответ 1

0

Я использую EJS. Выглядит это примерно так:

Сервер:

app.set('views', PATH.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.post('/', urlencodedParser, function (
    request,
    response
) {
    if (!request.body)
        return response.sendStatus(400);
    response.redirect("views/chat.ejs", {user_name: request.body.Username});
    console.log(request.body.Username);
});

Клиент (views/chat.ejs)

<p><%= user_name %></p>

<script>
  var name = '<%= user_name %>';
</script>  

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.