javascript - 如何在前端显示响应数据？

Question

我已经向 github API 发出了 GET 请求:

axios.get('https://api.github.com/users/roadtocode822')
  .then(function (response) {
    console.log(response.data);
  })

我得到响应数据。此函数位于 app.js 文件中。

app.js 文件中还有以下代码:

app.get('/', function(req, res){
    Article.find({}, function(err, articles){
        if(err){
            console.log(err);
        } else {
            res.render('index', {
               title: "Articles",
               articles: articles
            });
        }
    });
});

我可以通过 Article.js Mongoose 模型从我的 mongodb 数据库中查询数据，并将数据发送到我的 index.pug 文件。

我希望能够获取 GITHUB 响应数据并将其呈现在我的一个 pug View 文件中。我觉得我在 Javascript 中遗漏了某种阻止我实现这一目标的概念。

提前致谢。

Answer 1

要以 JSON 格式获取 Github 响应，只需使用 JSON.parse()。但是，您将无法在前端使用 .pug 模板。该模板在服务器端进行解释，并作为普通的旧 HTML 从服务器发送到客户端。如果您对前端模板感兴趣，请查看类似 handlebars.js 的内容.