內聯 JavaScript 和 Node.js 之間的通信

Question

我正在使用 Node.js，我想在按下按鈕時向服務器發送一個包含輸入值的請求。

所以這是我的 HTML 代碼：

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    </head>

    <body>
        <input id="input" action="/onclick" autocomplete="off">
        <button id="button">Send</button>
        <script>
            let input = document.getElementById('input');

            document.getElementById('button').addEventListener('click', (event) => {
                event.preventDefault();
                let value = input.value;

                if (value) {
                    let data = {};
                    data.title = 'getValue',
                    data.message = value;

                    $.ajax({
                        url:'/onclick',
                        data: JSON.stringify(data),
                        type: 'POST',
                        success: (responseData) => {
                            console.log('Success!');
                        },
                    });

                    input.value = null;
                }
            });
        </script>
    </body>
</html>

這是我的 server.js ：

const express = require('express');
const app = express();
const http = require('http');
const server = http.createServer(app);

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

app.post('/onclick', (req, res) => {
    console.log('body: '+ JSON.stringify(req.message));
    res.send(req.message);
});

server.listen(3000, () => {
  console.log('listening on *:3000');
});

該代碼不會引發任何錯誤（它在瀏覽器控制台中返回Success! ），但問題是在 Node.js shell 中它發送body: undefined而不是輸入值。

你知道怎么解決嗎？

提前致謝，

Answer 1

在 server.js 中添加此行以訪問請求正文：

app.use(express.json());

並使用req.body而不是req.message來訪問請求正文

內聯 JavaScript 和 Node.js 之間的通信

問題描述

1 個解決方案

解決方案1
0 2022-06-11 21:11:16

內聯 JavaScript 和 Node.js 之間的通信

問題描述

1 個解決方案

解決方案1 0 2022-06-11 21:11:16

解決方案1
0 2022-06-11 21:11:16