如何用Express/PUG动态渲染异步函数输出？

How to dynamically render Async function output with Express/Pug?(如何用Express/PUG动态渲染异步函数输出？)

问题描述

我想动态显示使用此异步函数获得的变量：

    async function makeGetRequest() {
      res = await axios.get(url);
      xml2js.parseString(res.data, function (err, file) {
      return file.item[0].title; });
}

makeGetRequest().then(console.log);


**OUTPUT: TITLE:[object Promise]**

不是像上面的代码片断那样记录该值，我希望将该值传递给Express呈现器，以便在页面上动态呈现该值：

app.get('/dynamic', function(req, res){
    res.render('dynamic', {
       title: title_value_here;
    });
 });

有人能演示一下如何实现这一点吗？

我尝试将异步输出存储在变量中，然后将其传递给渲染器，但得到以下结果：

let out= await makeGetRequest();
console.log(author);
SyntaxError: await is only valid in async functions and the top level bodies of modules

推荐答案

目前PUG语言不支持异步/等待。这意味着您必须等待结果并传递给此答案所建议的模板：https://stackoverflow.com/a/68302690/10343551

这里有一个关于将异步添加到PUG语言的(一段时间前)标记为已关闭的问题。其中一位贡献者谈到帕格斯设计是同步的：https://github.com/pugjs/pug/issues/2206#issuecomment-169881732

据我所知(截至2021年12月)还没有添加异步。这意味着您不能在模板内部等待，而必须在呈现模板并传递它之前执行此操作。

这篇关于如何用Express/PUG动态渲染异步函数输出？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！