express nodejs POST 请求表单输入法

Question

can somebody help me to understand why I get an empty body?有人能帮我理解为什么我的身体是空的吗？

on the documentation says that express.json() uses body-parser so it is the same thing I use express.json() or bodyParser() ?文档上说 express.json() 使用 body-parser 所以它与我使用 express.json() 或 bodyParser() 是一样的吗？

on documentation also says I can provide the type of the header via the options settings on json object options... i think its like this:在文档上还说我可以通过 json 对象选项上的选项设置提供标题的类型......我认为它是这样的：

app.use(express.json({ type: 'application/json' }))

my headers content type says: 'content-type': 'application/x-www-form-urlencoded' tho the default is "application/json", as the docs says.我的标题内容类型说： 'content-type': 'application/x-www-form-urlencoded' 默认是“application/json”，正如文档所说。

I need to get the form value back as a json so i can save on database and stuff.我需要将表单值作为 json 取回，以便我可以节省数据库和内容。

docs i am refering to: http://expressjs.com/en/api.html#express.json我指的文档： http : //expressjs.com/en/api.html#express.json

Answer 1

alright, i figured that out.好吧，我想通了。

the whole problem is with the html input.整个问题出在 html 输入上。 not with the parser configurations.不是解析器配置。

the problem is that when you are sending something via postman for example, if you wanna send application/x-www-form-urlencoded type, postman will give you a interface for you to set a key value pair.问题是，例如，当您通过邮递员发送某些内容时，如果您想发送 application/x-www-form-urlencoded 类型，邮递员将为您提供一个界面来设置键值对。 if yo usend a raw json tahts the same thing as "application/json" i think, you will have to set a valid json, with key value pairs.如果您使用原始 json 与“应用程序/json”相同，我认为您将必须设置一个有效的 json，并带有键值对。

on postman, if you send either without providing a key to the value, the req.body will result being empty, as express says in the docs在邮递员上，如果您在不提供值的键的情况下发送任何一个，则 req.body 将导致为空，如 express 在文档中所述

"A new body object containing the parsed data is populated on the request object after the middleware (ie req.body), or an empty object ({}) if there was no body to parse, the Content-Type was not matched, or an error occurred." “在中间件之后的请求对象上填充包含解析数据的新正文对象（即 req.body），或者如果没有正文要解析，则内容类型不匹配，则为空对象 ({})，或发生错误。”

i never understood the reason of "name" attribute on html inputs and stuff.我从来不明白 html 输入和东西上“名称”属性的原因。 well, i humbly think that this is the value (i havent searched yet).好吧，我谦虚地认为这就是价值（我还没有搜索过）。

the solution was to set a name attribute on the input =>解决方案是在输入上设置 name 属性 =>

the response of the body was => name:'... whatever was passed on the input ...'身体的响应是 => name:'... 输入的任何内容...'

code:代码：

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <form action="/" , method="POST">
            <!-- <input type="text" id="name" name="name" placeholder="name" required> -->
            <input type="text" name="name"> // name attribute is the key "name" for your input.
            <input type="text" name="age"> // name attribute is the key "age" for your attribute.
            <input type="submit">
        </form>
    </body>

</html>

javascript: javascript:

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

const app = express()

app.use(express.urlencoded({ extended: true }))
app.use(express.json())


app.get('/', (req, res) => {
    res.sendFile('index.html', { root: path.join(__dirname) })
})

app.post('/', (req, res) => {
    console.log(req.body) // the result is the input value.
})

app.listen(3000, () => {
    console.log('working')
})

express nodejs POST 请求表单输入法

问题描述

1 个解决方案

解决方案1
0 2020-08-24 22:02:27

express nodejs POST 请求表单输入法

问题描述

1 个解决方案

解决方案1 0 2020-08-24 22:02:27

解决方案1
0 2020-08-24 22:02:27