我们可以将数据从 mongoDB 发送到 HTML 吗？答案

【问题标题】：Can we send data from mongoDB to HTML?我们可以将数据从 mongoDB 发送到 HTML 吗？
【发布时间】：2021-11-12 16:07:42
【问题描述】：

我正在做一个迷你项目，我在其中存储了来自我的数据库（MongoDB）中的表单的数据。现在我想从 MongoDB 获取数据并将其添加到 HTML（作为列表）以显示在网页上。我想在不使用 ejs 或任何其他工具的情况下做到这一点。这可能吗？如果是，那么如何？（我已经使用Expressjs创建了服务器）

【问题讨论】：

您可以使用 res.send(`${message}`) 假设消息作为您要发送的数据

标签： html node.js mongodb express

【解决方案1】：

您必须使用 javascript 才能操作页面上的 DOM 元素。（见。https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents）

【讨论】：

在我编写服务器端代码的 js 文件中无法访问文档。
对，您必须通过前端请求（类似于 AJAX 的方式）提取数据，然后在前端处理该数据。

【解决方案2】：

您可以在 html 中获取数据，然后通过操作 dom 将其添加到您的页面中。这可能会对您有所帮助：

<script type='text/javascript'>
  $(function(){
    $.ajax({
      url: 'http://localhost:28017/local/students',
      type: 'get',
      dataType: 'jsonp',
      jsonp: 'jsonp',
      success: function (data) {
        console.log('success', data);
      }
    }).done(function(){
        let output = '<div>'
        $.each(data, function(key, data){
            output += '<p>' +  data.score + '</p>';
        });
        output += '</div>'
        $('#list').html(output);
    });
  });
  </script>

此回复也可能会有所帮助： REST AJAX request to mongoDB

【讨论】：

【解决方案3】：

既然你提到你正在使用 Expressjs，我相信你也在使用像猫鼬这样的 ODM。因此，您应该在后端创建一个从 MongoDB 获取数据的 api（请参阅您的 ODM 文档）并从前端向该 api 发送请求，其响应应触发 DOM 操作。

以下是一些可能对您有所帮助的资源：

【讨论】：