Question

我已向github API发出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 }); } }); });文件中的是以下代码：

index.pug

我可以通过Article.js mongoose模型从我的mongodb数据库查询数据，并将数据发送到我的CREATE OR REPLACE PROCEDURE proc_out_cur (OUT_RES OUT SYS_REFCURSOR) AS BEGIN OPEN OUT_RES FOR SELECT 22 FROM DUAL; END; -- Call procedure from anonymous block using bind var for the -- cursor output. When prompted by Toad choose CURSOR as the -- variable's datatype. BEGIN proc_out_cur (:res); END;文件。

我希望能够获取GITHUB响应数据并将其呈现在我的一个pug视图文件中。我觉得我在Javascript中错过了一些让我无法实现这一目标的概念。

提前致谢。

Answer 1

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

之类的内容

Answer 2

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

从上面的代码中，response.data将是一个html内容，因为您的服务器返回res.render。

在前端

，您应该使用a tag和form post而不是ajax call这样

<a href="https://api.github.com/users/roadtocode822">Click</a>

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

2 个答案: