nodejs mongo数据库提取数据展示

2022/9/13 2:24:23

编程Tag： nodejs function var 数据库 APP item DB mongo arr

本文主要是介绍nodejs mongo数据库提取数据展示，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

初学nodejs，涉及内容太多，总找不到如何能处理数据之间的交换、提取，显示。查找众多资料，终于调试成功，为免遗忘，特记录如下：

安装nodejs，mongo数据库在这里不做记录了。

1、编写server.js文件：(C)

2、编写数据库访问文件db1.js(M)

})
}
exports.getAllStudent = getAllStudent;

3、编写数据展示json.html(V)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>JSON数据获取</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<style type="text/css">
table{
width: 78vw;
margin: auto;
}
table,tr,td,th{
border-collapse: collapse;
border: 1px solid #ccc;
}
tr:first-child {
background-color: skyblue;
}
#bb{
margin-top: 40px;
}
</style>
</head>
<body>
<table id="bb">

</table>
<script>
<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// arr=JSON.parse(this.responseText); //直接将接收返回的字符转换成JSON对象也可以
arr=eval("("+this.responseText+")"); //利用eval加括号转换成一个js对象,从而可以访问其中的值
str="<tr><th>姓名</th><th>年龄</th><th>性别</th><th>籍贯</th></tr>";
arr.forEach((item) => {
str += `<tr><td>${item.uname}</td><td>${item.age}</td><td>${item.sex}</td><td>${item.provice}</td></th>`
});
document.getElementById("bb").innerHTML =str;
}
};
xmlhttp.open("GET", "/allstudent", true);
xmlhttp.send();
</script>
</body>
</html>

4 启动服务

node server

5 在IE中访问127.0.0.1:1338/json.html

这篇关于nodejs mongo数据库提取数据展示的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！