在 express 和 ejs 模板中使用 fetch 添加腳本以通過客戶端從第 3 方獲取數據

Question

我的 Express 應用程序使用 ejs 作為模板向客戶端呈現 html。

我試圖讓客戶端使用本機“獲取”方法向第三方 api 發送 http get 請求。 但客戶端必須使用我的應用程序中的數據來滿足請求。

現在，如果我將 function 放入 ejs <%%> 標記內，我會在瀏覽器中收到錯誤消息“未定義獲取”。

請看看我的代碼。

我的 ejs 文件中的代碼

<%fetch("url"+name[0]).then(response => response.json()).then(%><%=response%><%)%>

在我的 app.js 中

res.render("index",{name:["jon","donald","jo"]})

Answer 1

您不需要完整的EJS 腳本。 必要時只需使用<script>標記和 output EJS 變量。 我還看到您沒有輸出您在app.js中輸入的變量，您必須這樣做才能使用您傳入的變量。

例子：

<script>
   fetch("url<%= name[0] %>").then(response => response.json());
</script>

可以在此處找到包含大量有用信息的 EJS 文檔。