在使用ejs模板引擎渲染頁面時(shí),經(jīng)常需要將json對象傳遞到模板頁面中進(jìn)行展示。ejs提供了非常方便的方法來處理這種情況,下面是一些簡單的示例。
//定義一個(gè)json對象
var data = {
name: "張三",
age: 20,
sex: "男"
};
//在ejs模板中使用json對象
<p>姓名:<%= data.name %></p>
<p>年齡:<%= data.age %></p>
<p>性別:<%= data.sex %></p>
如上代碼所示,我們可以先定義一個(gè)json對象,然后在ejs模板頁面中直接使用<%= data.name %>
來引用name
屬性的值,其他屬性同理。
//定義一個(gè)包含多個(gè)json對象的數(shù)組
var data = [
{
name: "張三",
age: 20,
sex: "男"
},
{
name: "李四",
age: 22,
sex: "女"
},
{
name: "王五",
age: 25,
sex: "男"
}
];
//在ejs模板中遍歷json對象數(shù)組
<% data.forEach(function(item){ %>
<p>姓名:<%= item.name %></p>
<p>年齡:<%= item.age %></p>
<p>性別:<%= item.sex %></p>
<% }) %>
如果要在ejs模板中遍歷一個(gè)json對象數(shù)組,可以使用forEach
方法來實(shí)現(xiàn)。如上代碼所示,我們可以先定義一個(gè)包含多個(gè)json對象的數(shù)組,然后在模板中使用<% data.forEach(function(item){ %>
來遍歷數(shù)組,再使用<%= item.name %>
等屬性來渲染每個(gè)元素的內(nèi)容。