EJS是一種JavaScript模板引擎,它使用簡單的模板語法和數據生成HTML字符串。在EJS中,可以使用JSON格式的數據來渲染模板。
JSON是一種輕量級數據交換格式,它以鍵值對的形式表示數據。在EJS中,可以將JSON格式的數據傳遞給模板,然后使用<% %>
標簽來引用該數據。
// 示例JSON數據 const data = { title: 'EJS JSON', content: '使用JSON數據渲染EJS模板' }; // EJS模板 <h1><%= data.title %></h1> <p><%= data.content %></p>
在上面的示例中,使用<% %>
標簽引用了JSON數據中的title
和content
字段。在渲染時,EJS會將這些字段的值填充到模板中。
除了簡單的字段數據,JSON數據還可以包含復雜的嵌套結構,比如數組和對象。在EJS中,可以使用<% %>
標簽結合JavaScript語句來處理這些數據。
// 示例JSON數據 const data = { title: 'EJS JSON', items: [ {name: 'item1', value: 1}, {name: 'item2', value: 2}, {name: 'item3', value: 3} ] }; // EJS模板 <h1><%= data.title %></h1> <ul> <% for(let i = 0; i < data.items.length; i++){ %> <li><%= data.items[i].name %>: <%= data.items[i].value %></li> <% } %> </ul>
在上面的示例中,JSON數據中的items
字段包含一個數組。通過<% %>
標簽結合JavaScript語句,可以對數組進行遍歷,然后渲染每個數組元素的內容。這樣可以輕松地處理包含復雜數據結構的JSON數據。
上一篇ejs獲取json數組
下一篇ehcache和json