在Web開發(fā)中,EJS是一個(gè)流行的模板引擎。它以簡介明了的語法來動態(tài)生成HTML頁面。而JSON作為一種輕量級的數(shù)據(jù)交換格式,也被廣泛應(yīng)用于Web開發(fā)中。
在EJS中,我們可以通過將JSON數(shù)據(jù)傳遞給模板來展示數(shù)據(jù)。我們需要使用JSON.parse()方法將JSON字符串解析為JavaScript對象,然后再將其傳遞給EJS模板。
var jsonStr = '{"name": "張三", "age": 25, "city": "北京"}';var jsonData = JSON.parse(jsonStr);res.render('index', {data: jsonData});
在EJS模板中,我們可以通過使用<%= %>標(biāo)簽來展示JSON數(shù)據(jù)。例如,我們可以展示JSON對象中的姓名屬性:
<%= data.name %>
我們還可以通過<% %>標(biāo)簽來使用JavaScript操作JSON數(shù)據(jù)。例如,我們可以展示JSON對象中的年齡屬性,但是將其加上10:
<% var age = data.age + 10; %><%= age %>
總之,EJS配合JSON可以很方便地展示數(shù)據(jù)。只需要將JSON解析為JavaScript對象,然后在EJS模板中使用即可。同樣,我們也可以在EJS中使用JavaScript操作JSON數(shù)據(jù)。