快递返回帖子信息由另一个函数处理

Question

我有这个代码：

 app.post('/pst', function(req, res) {
            var data = req.body.convo;

            res.render('waiting.ejs');  //ADDED THIS

            myFunc(data).then(result => {


            res.render('success.ejs');  //THEN THIS

            //---------------------------------
            //clever way to send text file to client from the memory of the server
            var fileContents = Buffer.from(result, 'ascii');
            var readStream = new stream.PassThrough();
            readStream.end(fileContents);
            res.set('Content-disposition', 'attachment; filename=' + fileName);
            res.set('Content-Type', 'text/plain');
            readStream.pipe(res);
            //--------------------------------------

            }).catch( .....

我想做的是当有 POST 时， 1.抓取帖子信息 2. 做一个 res.render() 3. 以帖子信息为参数运行一个函数 4. 执行此代码 sn-p 将允许客户端从内存中下载内容为 .txt 文件 5. 再做一个 res.render()

如果我们排除两个 res.render()，一切正常。在我做一个之后，我无法设置标题。我收到此错误。

Error: Can't set headers after they are sent.

所以我想到了一个潜在的解决方案。

是否有可能 app.post() 会获取 post 数据并执行 res.render()。

然后，返回post数据，所以另一部分代码将处理以该数据作为参数调用函数，然后进行头部操作，最后进行最后的res.render()。

请记住，这是 routes.js 文件。

Answer 1

HTTP 是一种请求/响应协议。客户端发出请求并得到一个且只有一个响应。所以，你永远不能在同一个请求上两次调用res.render()。

您的问题实际上是由这个期望的顺序定义的：

1. 客户端发送请求
2. 服务器开始处理请求
3. 客户端显示进度
4. 服务器完成处理请求
5. 客户端显示最终结果

有很多方法可以做到这一点：

客户端使用 Ajax 代替 form post 来发送请求

1. 客户端通过 Ajax 提交表单而不是表单发布
2. 客户端使用 DOM 操作（更改当前页面内容，通常显示某种类型的视觉覆盖）在页面上放置进度
3. 服务器按请求工作，尚未返回任何内容
4. 服务器完成请求并向客户端返回一个res.render()的响应
5. 客户端要么将返回的内容插入当前页面，要么发出window.location = xxxx 来更改当前页面以显示包含新内容的新 URL。

使用 webSocket/socket.io 获得最终结果的表单发布响应

1. 客户提交表单
2. 服务器立即返回显示进度/等待 UI 的响应页面，该页面还将 webSocket 或 socket.io 连接连接到服务器
3. 服务器按要求工作
4. 服务器接受 webSocket 或 socket.io 连接
5. 服务器完成请求并通过 webSocket/socket.io 连接将某种类型的结果发送到正确的客户端
6. 客户端通过 webSocket/socket.io 接收响应并更新当前页面的内容或将页面更改为新的 URL

全部通过 webSocket/socket.io 完成

1. 客户端加载原始页面
2. 客户端与服务器建立 webSocket/socket.io 连接
3. 客户端通过 webSocket/socket.io 连接向服务器发送表单数据
4. 客户端提出进度/等待覆盖
5. 服务器开始处理请求
6. 服务器完成处理请求
7. 服务器通过该客户端的 webSocket/socket.io 连接将请求的响应发送回客户端。
8. 客户端通过 webSocket/socket.io 连接接收响应，并更新当前页面的内容或将页面更改为新 URL