Форум

rad@drew9081 · #1 (**permalink**) 08.11.2020, 16:43

В общем несколько дней назад начал учить ноду. Провожу первые эксперименты с сервером. Попытался связать сервер и веб страничку(лежит на OpenServer). Теперь адрес страницы http://project1:8080/. Так вот я набросал оооочень простой сервер и хочу получить ответ в json. Но мне постоянно отдаёт объект с непонятно чем. Вот код станицы и сервера.
Сервер:

const express = require("express");
  
const app = express();

const jsonParser = express.json();
  
app.post("/", jsonParser, function (request, response) {
    console.log(request.body);
    if(!request.body) return response.sendStatus(400);
     
    response.json(request.body); 
});
  
app.listen( 8080,"project1",()=>{
    console.log("e");
});

Страница:

<!DOCTYPE html>
<html>

<head>
    <title>Регистрация</title>
    <meta charset="utf-8" />
</head>

<body>
    <h1>Введите данные</h1>
    <form name="registerForm">
        <label>Имя</label></br>
        <input type="text" name="userName" /></br></br>
        <label>Возраст</label></br>
        <input type="number" name="userAge" /></br></br>
        <button type="submit" id="submit">Отправить</button>
    </form>
    <script>

        document.getElementById("submit").addEventListener("click", function (e) {
            e.preventDefault();
            let registerForm = document.forms["registerForm"];
            let userName = registerForm.elements["userName"].value;
            let userAge = registerForm.elements["userAge"].value;
            let user = JSON.stringify({ userName: userName, userAge: userAge });
            fetch("/",
                {
                    method: "POST",
                    headers: {
                        'Content-Type': 'application/json;charset=utf-8'
                    },
                    body: user
                }).then((value)=>{
                    console.log(value);
                })
        });
    </script>
</body>
<html>

SuperZen · #2 (**permalink**) 09.11.2020, 10:35

в html в строке 33 должно быть еще одно заклинание типа .then(response => response.json())

--

const path = require('path')
const express = require("express");

const app = express();

const jsonParser = express.json();

app.use(express.static(path.join(__dirname, 'public')))

app.post("/", jsonParser, function (request, response) {
  console.log(request.body);
  if (!request.body) return response.sendStatus(400);
  response.json(request.body);
});

app.listen(8081, () => {
  console.log("e");
});

<!DOCTYPE html>
<html>

<head>
  <title>Регистрация</title>
  <meta charset="utf-8" />
</head>

<body>
  <h1>Введите данные</h1>
  <form name="registerForm">
    <label>Имя</label></br>
    <input type="text" name="userName" /></br></br>
    <label>Возраст</label></br>
    <input type="number" name="userAge" /></br></br>
    <button type="submit" id="submit">Отправить</button>
  </form>
  <script>

    document.getElementById("submit").addEventListener("click", function (e) {
      e.preventDefault();
      let registerForm = document.forms["registerForm"];
      let userName = registerForm.elements["userName"].value;
      let userAge = registerForm.elements["userAge"].value;
      let user = JSON.stringify({ userName: userName, userAge: userAge });
      fetch("/",
        {
          method: "POST",
          headers: {
            'Content-Type': 'application/json;charset=utf-8'
          },
          body: user
        })
        .then((response) => response.json())
        .then((value) => {
          console.log(value);
        })
    });
  </script>
</body>
<html>

Форум

Справочник

Discord чат

Курсы javascript