【Web前端问题】node实战中的todo List出现奇怪的问题

Z时代
2024-01-10
分类：技术分享

我照着书本敲，但是当提交表单时，返回的数据总是错的（我的node版本是6.9）

const http = require('http');
const qs = require('querystring');
let items = [];
let server = http.createServer((req, res)=> {
    if ('/' == req.url) {
        switch (req.method) {
            case 'POST':
                add(req, res);
                break;
            case 'GET':
                show(res);
                break;
            default:
                badRequest(res);
        }
    } else {
        notFound(res);
    }
});
server.listen(3001);
function badRequest() {
    res.statusCode = 400;
    res.setHeader('Content-Type', 'text/plain');
    res.end('Bad Request');
}
function notFound(res) {
    res.statusCode = 404;
    res.setHeader('Content-Type', 'text/plain');
    res.end('Not Found');
}
function show(res) {
    var html = '<html lang="en">' +
        '<head><meta charset="UTF-8">' +
        '<title>To Do</title>' +
        '</head>' +
        '<body>' +
        '<h1>Todo List</h1>' +
        '<ul>' +
        items.map((item)=> {
            return '<li>' + item + '</li>'
        }).join('') +
        '</ul>' +
        '<form action="post" action="/">' +
        '<p><input type="text" name="item"></p>' +
        '<p><input type="submit" value="Add Item"></p>' +
        '</form>' +
        '</body>' +
        '</html >';
    res.setHeader('Content-Type', 'text/html');
    res.setHeader('Content-Length', Buffer.byteLength(html));
    res.end(html);
}
function add(req, res) {
    let body = '';
    req.setEncoding('utf8');
    req.on('data', (chunk)=> {
        body += chunk;
    });
    req.on('end', ()=> {
        let obj = qs.parse(body);
        items.push(obj.item);
        show(res);
    });}