$ .post (), изменение информации на экране

#javascript #node.js #express

Вопрос:

Экспресс

 const path = require('path');
const app = express()
const port = 3000
var bodyParser = require('body-parser')

var jsonParser = bodyParser.json()

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

app.use(bodyParser())

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

app.get("/", (req, res) => {
  res.render('index')
  console.log(req.body)
});

app.post("/", (req, res)=>{
  msg = JSON.stringify(req.body)
  console.log(msg)
  //res.sendStatus(200)
  res.status(200)
  res.send(req.body)
  
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})
 

HTML

 <html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>some title</title>
    <script
    src="https://code.jquery.com/jquery-3.6.0.js"
    integrity="sha256-H K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
    crossorigin="anonymous"></script>
    <script>
        function enviar(){
        $.post('http://localhost:3000/', {
            id: $("#id").val(),
            dinheiro: $("#dinheiro").val()
        })
}
    </script>
</head>
<body>
        <input type="number" name="id" id="id">
        <input type="number" name="dinheiro" id="dinheiro">
        <input type="button" value="Enviar" onclick="enviar()">
</body>
</html>
 

Я хотел бы… когда я нажимаю на кнопку, информация обновляется вместе с отправленным объектом.

Примечание: Мне трудно понять СООБЩЕНИЕ. Я новичок

Я тоже хотел бы знать … Как создать отдельную папку в своем проекте для использования jquery?

введите описание изображения здесь