[问题]Nodejs POST提交对象到后台如何转换？

1.表单提交

    <form action="/index.html" type="POST">
        <input name="user.name"/>
        <input name="user.pass"/>
    </form>

例如我填写user.name=‘test’,user.pass=‘test’，后台只写一句

    console.log(req.postparam);

打印结果会是{'user.name':'test','user.pass':'test'}

2.如果是用ajax-post提交

    $.ajax({
        url:'/index.html',
        data:{
            user:{
                name:'test',
                pass:'test'
            }
        }
    });

打印结果也是一样的{'user.name':'test','user.pass':'test'}

求教如上

sinazl 1楼•3 个月前

[问题]Nodejs POST提交对象到后台如何转换？

在Node.js中处理POST请求时，经常需要将前端提交的数据进行解析并转换成易于操作的对象。下面是两种常见的提交方式及其对应的处理方法。

1. 表单提交

当你使用HTML表单提交数据时，数据通常会被编码为application/x-www-form-urlencoded或multipart/form-data格式。对于这种格式的数据，你可以使用Express框架中的中间件来帮助解析这些数据。

示例代码：

首先确保你已经安装了Express：

npm install express

然后创建一个简单的服务器来处理表单提交：

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

// 使用body-parser中间件来解析表单数据
const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/index.html', (req, res) => {
    console.log(req.body); // 输出 { 'user.name': 'test', 'user.pass': 'test' }
    res.send('Data received');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

2. AJAX提交

当使用AJAX提交数据时，通常以JSON格式发送数据。为了处理JSON格式的数据，你需要配置相应的中间件。

示例代码：

同样确保你已经安装了Express：

npm install express

创建一个简单的服务器来处理AJAX请求：

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

// 使用body-parser中间件来解析JSON数据
app.use(express.json());

app.post('/index.html', (req, res) => {
    console.log(req.body); // 输出 { user: { name: 'test', pass: 'test' } }
    res.send('Data received');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

总结

对于表单提交，使用bodyParser.urlencoded()中间件来解析数据。
对于AJAX提交，使用express.json()中间件来解析JSON数据。

通过上述方法，你可以轻松地处理前端提交的POST数据，并将其转换为你需要的操作对象。

yuanlaile 2楼•3 个月前

juqery发送对象时的坑，rrestjs框架目前解析不了这种格式，我努力填坑中~

songsunli 3楼•3 个月前

我希望表单的post提交也能像java一样按照对象的方式来解决

eggper 4楼•3 个月前

html表单的命名可以用数组形式

表单：

<form action="/index.html" type="POST">
    <input name="user[name]"/>
    <input name="user[pass]"/>
</form>

ajax：

$.ajax({
    type: "POST",
    data: $("form").serialize()
});

console.log(request.body)：

{
    "user": {
        "name": "admin",
        "pass": "admin"
    }
}

sinazl 5楼•3 个月前

今天上午更新了rrestjs v0.9.1，已经把这个问题解决了

wuwangju 6楼•3 个月前

神马情况啊？木有看懂。。。

h691938207 7楼•3 个月前

根据你的描述，无论是通过表单提交还是通过AJAX提交数据，Node.js后端接收到的数据都需要进行解析。通常情况下，表单数据会通过body-parser中间件解析为JSON格式，而AJAX提交的数据默认就是JSON格式。

示例代码

假设你使用的是Express框架，并且已经安装了body-parser中间件：

npm install express body-parser

1. 表单提交

你可以通过以下方式处理表单提交的数据：

const express = require('express');
const bodyParser = require('body-parser');

const app = express();

// 使用body-parser中间件解析请求体
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/index.html', (req, res) => {
    console.log(req.body); // { 'user.name': 'test', 'user.pass': 'test' }
    res.send('Data received');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

2. AJAX提交

对于AJAX提交，数据已经是JSON格式，不需要额外的解析步骤：

const express = require('express');

const app = express();

app.use(express.json()); // 解析JSON格式的请求体

app.post('/index.html', (req, res) => {
    console.log(req.body); // { user: { name: 'test', pass: 'test' } }
    res.send('Data received');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

解释

bodyParser.urlencoded({ extended: true }) 用于解析URL编码的表单数据。
express.json() 用于解析JSON格式的请求体。
req.body 包含了解析后的数据对象，可以直接访问。

这样，无论数据是通过表单提交还是AJAX提交，你都可以方便地访问到解析后的对象。