这是一个使用express和ejs来使用API调用数据,然后使用JSON.stringify在页面上显示该数据的node.js应用。我试图通过ejs页面上的forEach循环显示所有API数据调用。我可以使数据单独显示,但我不能通过forEach循环来显示数据。
这是有效的方法,我在server.js文件中设置了以下api:
server.js
//API v4/user/beers/username
const untappdAPI = { method: 'GET',
url: 'https://api.untappd.com/v4/user/beers/username',
qs:
{ access_token: 'abc123',
}
};
//untappd.ejs page
app.get('/untappd', function(req, res) {
try {
request(untappdAPI, function (error, response, body) {
if (error) throw new Error(error);
const info = JSON.parse(body);
res.render('untappd', {info});
});
} catch(e) {
console.log("Something went wrong", e)
}
});
而且我的untappd.ejs文件中包含以下内容:
untappd.ejs
<%= JSON.stringify(info.response.beers.items[0].beer.beer_name);%>
当我运行此命令时,页面上的输出显示1个啤酒名称:
Beer Name
这是行不通的,现在我想在此页面上显示所有啤酒名称,所以我试图像这样设置一个forEach循环:
<% untappd.forEach(function(info){ %>
<%= JSON.stringify(info.response.beers.items[0].beer.beer_name);%>
<% }) %>
但是运行此程序时,出现错误消息,提示'未定义untappd'。我究竟做错了什么?非常感谢您提供的任何帮助!
完整JSON
"meta": {
"code": 200,
"response_time": {
"time": 0.03,
"measure": "seconds"
},
"init_time": {
"time": 0,
"measure": "seconds"
}
},
"notifications": {
"type": "notifications",
"unread_count": {
"comments": 0,
"toasts": 0,
"friends": 0,
"messages": 0,
"venues": 0,
"veunes": 0,
"others": 0,
"news": 5
}
},
"response": {
"total_count": 680,
"dates": {
"first_checkin_date": "Sat, 15 Aug 2015 01:12:58 +0000",
"start_date": false,
"end_date": false,
"tzOffset": "0"
},
"is_search": false,
"sort": false,
"type_id": false,
"country_id": false,
"brewery_id": false,
"rating_score": false,
"region_id": false,
"container_id": false,
"is_multi_type": false,
"beers": {
"count": 2,
"items": [
{
"first_checkin_id": 806418145,
"first_created_at": "Wed, 10 Sep 2020 15:16:51 -0700",
"recent_checkin_id": 806418145,
"recent_created_at": "Wed, 10 Sep 2020 15:16:51 -0700",
"recent_created_at_timezone": "-7",
"rating_score": 1.5,
"user_auth_rating_score": 1.5,
"first_had": "Wed, 10 Sep 2020 15:16:51 -0700",
"count": 1,
"beer": {
"bid": 3419450,
"beer_name": "Beer Name",