Html 表单未向服务器提交数据

Question

我正在尝试将客户数据提交给服务器进行处理。我正在使用 HTML 表格。但是每次我按下提交，服务器都没有收到请求中的任何数据。

<form data-customer-information-form="true" autocomplete="on" method="POST" action="addticket/submit" name="ticketForm" id="ticketform" accept-charset="UTF-8">
            <p>
                <label for="customerFirstName">First Name:</label></br>
                <input type="text" name="customerFirstName" id="customerFirstName" placeholder="first name" pattern="[A-Za-z]+" tabindex="0">
            </p>
            <p>
                <label for="customerLastName">Last Name:</label></br>
                <input type="text" name="customerLastName" id="customerLastName" placeholder="last name" tabindex="0">
            </p>
            <p> 
                <label for="phoneNumber">Phone:</label></br>
                <input type="tel" id="phone" maxlength="12" name="phoneNumber" placeholder="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" tabindex="0">
            </p>
            <p>
                <label for="email">Email:</label></br>
                <input type="email" name="email" id="email" placeholder="email">
            </p>
            <p>
                <label for="service">Computer/Service Name:</label></br>
                <input type="text" name="service" placeholder="computer model or service">
            </p>
            <p>
                <label for="description">Anything else we need to know:</label></br>
                <textarea type="text" maxlength="200" name="description" id="description" placeholder="What's gone wrong?"></textarea>
            </p>
            <input type="submit" name="submit" value="Submit" id="submit">
        </form>

const router = require('express').Router();
const fs = require('fs');
var path = require('path');
const customer = require("../models/customer");

router.get('/', function(req, res) {
    req.session.cookie
    res.sendFile(path.join(__dirname + "/pages/ticket.html"));
});

router.post('/submit', (req, res) => {
    console.log(req.body)
})


module.exports = router;

请求 headers 看起来都很好，告诉服务器这是一个表单。但它没有数据。 req.body 基本上是未定义的。

Answer 1

如果使用合适的主体解析中间件，

Express.js 只会填充请求对象的 body 属性。你没有使用任何。

默认情况下，表单将以 URL 编码格式对表单数据进行编码，因此您应该使用 that middleware.

const express = require('express');
router.use(express.urlencoded())

Html 表单未向服务器提交数据

Html Form not submitting data to server

html

forms

request

server