色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

ejs 傳遞 json

方一強2年前9瀏覽0評論

EJS(Embedded JavaScript Templates)是一種使用 JavaScript 和 HTML 嵌套語法來生成 HTML 頁面的模板引擎。它可以輕松地將數據渲染到模板中,并且支持傳遞 JSON 數據。

在 EJS 中,我們可以使用 pre 標簽來編寫代碼塊。傳遞 JSON 數據的方法也很簡單,只需要在渲染模板時將數據作為參數傳遞給 EJS 模板即可。以下是一個簡單的示例代碼:

const express = require('express');
const app = express();
const EJS = require('ejs');
// 設置 EJS 模板引擎
app.set('view engine', 'ejs');
// 渲染模板
app.get('/', (req, res) =>{
const data = {
name: '張三',
age: 18,
gender: '男'
};
res.render('index.ejs', { data });
});
// 監聽端口
app.listen(3000, () =>{
console.log('Server is running on port 3000.');
});

在上面的代碼中,我們首先通過 require 引入了 express、EJS 模塊,并創建了一個 express 應用程序。然后設置了 EJS 為默認模板引擎。

接下來,我們定義了一個名為 data 的變量,它是一個包含 name、age 和 gender 屬性的 JSON 對象。然后通過 res.render() 方法將數據傳遞給了 index.ejs 模板。注意,傳遞數據時需要將其作為第二個參數傳遞給 render() 方法。

最后,我們監聽了一個端口,并打印了一個消息來告知服務器已經啟動。

在使用 EJS 渲染數據時,我們可以使用<%= %>標簽來輸出數據。以下是 index.ejs 模板的示例代碼:

<h1><%= data.name %></h1>
<p>年齡:<%= data.age %> 歲</p>
<p>性別:<%= data.gender %></p>

在上述代碼中,我們使用<%= %>標簽來輸出數據。其中,data.name 表示輸出 data 對象中的 name 屬性,data.age 表示輸出 age 屬性,data.gender 表示輸出 gender 屬性。

總之,使用 EJS 傳遞 JSON 數據是非常簡單的。通過將數據作為參數傳遞給 EJS 模板,我們可以輕松地將數據渲染到模板中。