在ejs文件中获取json的值

时间:2017-10-12 14:11:52

标签: json ejs

下面是我的json文件,我想把src放到我的img元素中。

如何使用密钥img1, img2, img3...从我的json访问值,因为我已经循环。

json file

{
  "img1": "http://yui.yahooapis.com/testassets/museum.jpg",
  "img2": "http://yui.yahooapis.com/testassets/uluru.jpg",
  "img3": "http://yui.yahooapis.com/testassets/katatjuta.jpg",
  "img4": "http://yui.yahooapis.com/testassets/morraine.jpg",
  "img5": "http://yui.yahooapis.com/testassets/japan.jpg"
}

Ejs文件

<% var img_content = JSON.parse(json['img-load.json']); %>
<body>
    <% for(var i = 1; i <= 5; i++ ) { %>
        <img id="img<%= i %>" src="<%= img_content[i] %>" />
    <% } %>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

我认为你需要img_content['img' + i],就像这样:

<% var img_content = JSON.parse(json['img-load.json']); %>
<body>
    <% for(var i = 1; i <= 5; i++ ) { %>
        <img id="img<%= i %>" src="<%= img_content['img' + i] %>" />
    <% } %>
</body>
</html>

[]与普通JS代码中的工作方式相同。