如何使用 Node.JS 将 MongoDB 数据集合显示到 index.html 页面

罗夫卢斯

我试图修复我的后端并用 重写我的“get”路由res.render(data),但它仍然不起作用。

请举例说明如何操作。

另外,我在前端部分使用 Axios。

我的获取路线:

app.get('/',(req,res) => {
    console.log('Welcome to roffys server')
    Todo.find({}).exec((err,todo)=>{
        if(err) {
            console.log('Error retrieving todos')
        } else {
            res.json(todo)
        }
    })
})
奥斯卡·维兰迪亚

我在下面的代码中添加了一些注释,但考虑到我放在那里的数据是硬编码的,您需要使用 getTodo 函数获取数据。

const dataFromAPI = [
  {todo: "do homework", status: "complete"}, 
  {todo: "Read a book", status: "incomplete"}
]
const rootApp = document.getElementById("app");

function getTodo () {
// Since I don't will do a call to a API, I comment this, but you need it in your environment.
  //fetch("someUrl")
    //.then(res => res.json())
    //.then(addDataToHtml) addDataToHtml is a function that will receive your data as argument
}

function addDataToHtml(data) {
  data.forEach(task => (
    rootApp.innerHTML += `
      <div>
        <div>
          <span>Task:</span>
          <span>${task.todo}</span>
        </div>
        <div>
          <span>Status:</span>
          <span>${task.status}</span>
        </div>
      </div>`
  ))
}

// I do the call here, but you need to do it in the getTodo function.
addDataToHtml(dataFromAPI);
<div id="app"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用Node.js服务HTML页面,然后将数据写入JSON文件

使用gin-golang将数据从mongodb显示到html页面?

如何在node.js中使用express.static在显示index.html之前显示登录页面

使用node.js从html页面获取页面数据

如何将模型数据显示到html页面

如何使用mongoDB和node.js重定向到查看页面

Node.js:如何使默认页面成为…… 除了index.html

使用mongoose node.js在单个页面上显示2个集合的数据

Node.js - 如何隐藏 html 页面?

如何使用烧瓶将数据传递到html页面?

如何使用node.js获取当前目录名称并将其显示在html页面上

如何基于Node JS发送的JSON数据在HTML页面上显示图表

如何在node.js“ html页面”中显示json字符串化数组数据?

使用 node.js 显示 index.html 文件

使用Node.js从MySQL提取数据并显示在HTML页面上

如何使用node.js express呈现多个html页面?

如何使用Node.js解码HTML页面?

如何使用mongodb(node.js)将集合内的所有值组成数组

如何将这些数据从 mongodb 检索到 node.js?

Node.js:将大文件上传到MongoDB并将数据从同一页面上的文本输入上传到不同的集合

如何使用Node.js和Express在HTML上从Mongodb显示多个文档

如何使用node.js将数组插入mongodb

如何将数组从html发送到node.js,然后发送到mongodb?

导出mongodb集合数据并使用Node JS导入回去

如何将JSON数据从Node js路由传递到html文件中的脚本?

如何将数据呈现到html表单页面

将Firebase的数据显示到简单的HTML页面中

如何使用javascript将原始html嵌入到页面中

MongoDB-如何使用Node.js获取集合的大小?