原生html的form

这是一个超级简单的表单

   <div class="wrap">
        <p>输入用户信息</p>
        <form id="form" action="back.action" method="get">
            name:<input type="text" name="name">
            age: <input type="text" name="age">
            q q: <input type="text" name="qq">
            <input type="button" id="tj" value="提交">
        </form>
    </div>

接下去获取表单的数据

   $('#tj').click(() => {
        var params = $('#form').serialize();
        var params2 = $('#form').serializeArray();
        var obj = {}
        $.each(params2, function () {
            obj[this.name] = this.value;
        });
        console.log(params); //ame=234&age=22&qq=333
        console.log(params2); //[{name:'name',value:'234'},{name:'age',value:'22'},{name:'qq'},value:'333']
        console.log(obj);   //{name: "234", age: "22", qq: "333"}
//发个post请求
    $.ajax({
            type: 'POST',
            url: 'http://localhost:5777/ddd',
            cache: false,
            dataType: "json",
            data: obj,//添加额外的请求头 
            //请求成功的回调函数
            success: (res) => {
                console.log(123, res);
            },
        });

    })

服务端代码

const express = require('express')
const qs = require('querystring')
const cors = require('cors') 
const app = express()

app.use(cors())
app.use((req, res, next) => {
    let str = ''
    req.on('data', (chunk) => {
        str += chunk
    })
    req.on('end', () => {
        console.log(qs.parse(str));
        req.obj = str
    })
    next()
})
app.post('/ddd', (req, res) => {
    res.send('ok' + req.obj)
})
app.listen(5777, () => {
    console.log('open')
})