javascript - js/nodejs 使用 request.on() 和 querystring.parse() 的 POST 方法的基本初学者服务器

Question

在 javascript 之后，我开始在我的网络类(class)中学习一些 Nodejs 来制作一些简单的服务器，下面的例子是:

var http = require('http');
var url = require('url');
var querystring = require('querystring');


function onRequest(request, response) {

    if (request.method == 'POST') {
        var body = '';

        request.on('data', function (data) {
            body += data;  // data sent via http protocol will always be sent as a string and can be concatenated
            // if body > 1e6 === 1* Math.pow(10,6) ~~~ 1MB
            // flood attack or faulty client
            // (code 413: request entity too large), kill request
            if (body.length > 1e6) {
                response.writeHead(413, {'Content-Type':'text/plain'}).end();
                request.connection.destroy();
            }
        });            // end of data communication: body will contain all the parameters of the query 

        request.on('end',function(){
            var POST = querystring.parse(body);
            // now to get the different parameters use // POST.<field name>  e.g. POST.user
            response.end('Hello, ' + POST.firstname + ' ' + POST.lastname);

        });
    }


}

var server = http.createServer(onRequest);

server.listen(3000);

到目前为止我已经理解了这一点，但在查找和理解这段代码的 request.on() 和 querystring.parse() 部分时遇到了困难。为了更清楚地说明我会在我感到困惑的具体部分下面突出显示它们。

1) request.on()

所以我读到 request.on('data') 将使 NodeJS 为接收数据 block 的事件设置一个监听器。因此，对于这部分上面的示例:

request.on('data', function (data) {
                body += data;  
                if (body.length > 1e6) {
                    response.writeHead(413, {'Content-Type':'text/plain'}).end();
                    request.connection.destroy();
                }

它采用第二个参数作为回调函数，再次采用第一个参数“数据”。这就是我感到困惑的地方，它试图用第二个参数来做什么？

2) request.on('end') 和 querystring.parse()

我读到request.on('end')会让nodejs为数据上传完成的信号设置一个监听器，所以下面的代码:

request.on('end',function(){
                var POST = querystring.parse(body);
                // now to get the different parameters use // POST.<field name>  e.g. POST.user
                response.end('Hello, ' + POST.firstname + ' ' + POST.lastname);

            }

在 request.on('end') 中，我们创建一个名为 POST 的新变量，并将其设置为等于 querystring.parse(body)，其中 body 是之前的变量所有数据合并。它是如何从这个 querystring.parse(body) 开始并在其上应用 .firstname (POST.firstname) 并访问它的该组件？

提前致谢。

Answer 1

对于你的第一个问题:

It's taking a second parameter as a callback function that takes the first parameter 'data' again. This is what I'm confused with, what is it trying to do here with the second parameter?

因此，您在这里所做的就是定义一个监听器函数，以便在每次 request 触发 data 事件时调用。您可以通过以下方式看得更清楚:

request.on('data', onChunkReceived)

function onChunkReceived (data) {
  body += data

  if body > 1e6 === 1* Math.pow(10,6) ~~~ 1MB
    if (body.length > 1e6) {
      response.writeHead(413, {'Content-Type':'text/plain'}).end();
      request.connection.destroy();
    }
}

你正在做的是定义一个函数，它接受一个data参数；不要因为事件名称和所选参数名称相同而太担心；您没有理由不能将其命名为您想要的任何名称:

request.on('data', onChunkReceived)

function onChunkReceived (chunk) {
  body += chunk

  if body > 1e6 === 1* Math.pow(10,6) ~~~ 1MB
    if (body.length > 1e6) {
      response.writeHead(413, {'Content-Type':'text/plain'}).end();
      request.connection.destroy();
    }
}

...将以完全相同的方式行事。再说一次:data 是事件的名称，并且您正在定义一个函数，该函数在服务器接收数据时接收每个数据 block ；在上面的示例中，该函数只是内联的匿名函数，因为我已经重新格式化了上面的代码片段，它是一个单独的命名函数。

现在回答第二个问题:

Inside request.on('end') we make a new variable called POSTand set it equal to querystring.parse(body) with body being the previous variable of all the data combined. How does it go from this querystring.parse(body) and apply .firstname on it (POST.firstname) and access that component of it?

querystring.parse 方法采用特定格式的字符串，并将其解析为 Javascript 对象。 Node.js docs on querystring解释它比我在这里能解释得更好。因此，我只能假设您正在使用的示例期望正文采用特定格式，即 form encoded这意味着它的格式如下:

名字=丹&姓氏=高桥

当您对该字符串调用 querystring.parse 时，您将返回一个如下所示的对象:

POST = {
  "firstname": "Dan",
  "lastname": "Takahashi"
}

然后您可以按照上面的说明进行寻址:POST.firstname 将是“Dan”，POST.lastname 将是“Takahashi”。