如何使用 Node JS 從 Mongoose 寫入 HTML 元素？

Question

例如，我使用一個表單來顯示來自數據庫的所有信息：

<form action="/Userlist" method="get">
      <input type="submit" value="Get All">
    </form>
  <P>
    Should go here
  </P>

這可以通過 get 請求很好地提供：

app.get('/userlist' , function (req , res) {
    User.find({}, 'comment').then(function (users) {
        res.json(users);
    });
});

但它只是一個靜態頁面。 如何將 Mongoose 的結果寫入例如 HTML

標簽 - 所有評論都異步顯示在登錄頁面上？

Answer 1

歡迎來到 stackOverflow。 在問這里之前，請遵循一些好的教程，那里有很多。 只需在 node.js 和 mongodb 中使用 Google CRUD。 對於您的問題，您需要呈現頁面而不是返回 json。

res.render('index.ejs', {users})

而不是res.json(users); & html 應該是.ejs這看起來是一個很好的教程開始https://zellwk.com/blog/crud-express-mongodb/快樂編碼！

Answer 2

您可以將 AJAX 用於script標記中靜態 html 頁面內某處的 get 請求。

下面是如何執行此操作的示例。

$.get("http://localhost:8080/userlist", function(users){
   var i;
    for (i = 0; i < users.length; i++) {
      $( "p" ).append( "<div>" + users[i] + "</div>" );
    }
});