gpt4 book ai didi

javascript - 如何向express服务器提交表单数据?

转载 作者:行者123 更新时间:2023-12-02 22:05:17 26 4
gpt4 key购买 nike

我已经建立了一个基本的 express 服务器来接受通过表单提交的一些信息。不幸的是,我遇到了一些问题。我无法将收到的数据记录到控制台上。有人可以帮我解决这个问题吗?

app.js:

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

const app = express();
const port = 3000;

app.use(express.urlencoded({extended: false}));
app.use(express.static(path.join(__dirname,'public')));

app.use('/',(req,res,next) => {
res.sendFile(path.join(__dirname,'public','index.html'));
});

app.post('/api', (req, res) => {
console.log(req);
})

app.listen(port, () => console.log(`App is listening on port ${port}!`))

这是表单本身:索引.html:

   <body>
<h1>Hello there!</h1>
<form id='form' method="POST" action="/api">
<input id='textField' type='text' name='name' placeholder='Enter your name'>
<p>Enter your date of birth:</p>
<div class='dob'>
<input id='date' type='number' name='date' placeholder='Date'>
<select id='dobMonth' name="month">
<option value="default">Month</option>
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="Mar">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="Aug">August</option>
<option value="Sept">Septmeber</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select>
<input id='year' type='number' name='year' placeholder='Year'>
</div>
<input id='btn' type='submit'>
</form>
<script src='script.js'></script>
</body>

提前致谢:)

最佳答案

问题只是你的路线顺序。您指定的第一个路径:

app.use('/',(req,res,next) => {
res.sendFile(path.join(__dirname,'public','index.html'));
});

充当包罗万象的 Angular 色,因为服务器上的每个路径都包含“/”

如果您改变顺序并将所有内容放在最后,这应该对您来说效果很好。

app.get('/api', (req, res) => {
console.log(req);
})

app.use('/',(req,res,next) => {
res.sendFile(path.join(__dirname,'public','index.html'));
});

关于javascript - 如何向express服务器提交表单数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59740057/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com