使用 Express.js 从变量发送 POST 响应

Question

我正在尝试列出发送POST 请求的文件，但我不知道我在做什么有什么问题。这是我的功能：

app.post('/api/list', function(req,res){
   listFiles();
   res.send(files);
});

这是我的listFiles 函数和测试变量：

var files = "";
var listFiles = function(){
   fs.readdir(testFolder, (err, files) => {
      files.forEach(file => {
      files += file;
   });
   console.log(files);
  })
};

我可以看到带有console.log 输出的路径。但是，当我在POST 中使用res.send(files); 时，文件没有显示——它是空的。这是我用 jQuery 编写的用于显示文件的内容：

$('li').on('click', function(){
  var item = $(this).text().replace(/ /g, "-");
  $.ajax({
    type: 'POST',
    url: '/api/list',
    success: function(data){
      //do something with the data via front-end framework

      alert('response : ' + data);
      //location.reload();
    }
  });
});

如果我发送res.send("test");，我的连接正常。我可以将该警报消息设为"response : test"。但是当我尝试发送一个变量时，它是空的。

Answer 1

欢迎来到异步编程！ :)

fs.readdir 异步工作，所以当你调用listFiles() 时，它会立即返回并继续下一行 - res.send(files)。在那一刻，files 仍然是一个空字符串，所以这就是您所看到的。

fs.readdir 的回调实际上是在 res.send(files) 完成后执行的，因此您需要在同一个 fs.readdir 回调中执行 res.send()，或者使用 Promises 控制流程。

这里有几个例子：

1. 将res 传递给listFiles，得到所需的输出后执行res.send()

   var listFiles = function (res) { fs.readdir(..., (err, files) => { var filesString = ""; files.forEach(...) res.send(filesString) }) };
app.post('/api/list', function(req,res){ listFiles(res); });

2. 将回调传递给 listFiles，类似于第一个，但遵循 fs.readdir 使用的相同模式

   var listFiles = function (callback) { fs.readdir(..., (err, files) => { var filesString = ""; files.forEach(...) callback(filesString) }) };
app.post('/api/list', function(req,res){ listFiles((filesString) => res.send(filesString)); });

3. 将fs.readdir 包装在一个Promise 中（您也可以使用util.promisify，查看Node docs）

   var listFiles = new Promise((resolve, reject) => { fs.readdir(..., (err, files) => { var filesString = ""; files.forEach(...) return resolve(filesString) }) })
app.post('/api/list', function(req,res){ listFiles().then((filesString) => res.send(filesString)) // or, even better as Express can reply with a Promise directly // res.send(listFiles()) });

有一个关于 NodeJS、异步编程和事件循环的不错的系列文章，我建议您阅读它，以便了解全局：https://jsblog.insiderattack.net/event-loop-and-the-big-picture-nodejs-event-loop-part-1-1cb67a182810。另外，请查看与 async/await 相关的内容，它使 Promises 在大多数情况下更易于使用。