微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无法使用 NodeJS 将数据从 postgres 获取到 DataTables

如何解决无法使用 NodeJS 将数据从 postgres 获取到 DataTables

我正在尝试使用来自 Postgres 的数据填充 DataTables 行。到目前为止,这是我的 JavaScript 和 HTML 文件。但我收到错误“加载资源失败:服务器响应状态为 404(未找到)”。关于为什么浏览器无法获取文件的任何建议?我在 NodeJS 中使用 express。

var express = require('express');
var postgres = require('./postgres')

var app = express();

app.use(express.static(__dirname + '/public')); 

const result = postgres.migration();
console.log(result)

var port = 8000; 
app.listen(port);

console.log('server on' + port);

const pg = require('pg');

const cs = 'postgres://postgres:123456@localhost:5432/lsef';

const client = new pg.Client(cs);

client.connect();

const query = {
    text: 'SELECT * FROM profile',rowMode: 'array'
};

client.query(query).then(res => {

    const data = res.rows;

    console.log(data);
    return data
    // data.forEach(row => {
    //     console.log(`Id: ${row[0]} Name: ${row[1]} Age: ${row[2]} Contact: ${row[3]}`);
    // })
}).finally(() => {
    client.end()
});
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css">
    <script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
</head>
<body>
<div class="container" >
    <table border="1px solid black" id="example">
        <thead>
            <th>ID</th>
            <th>Name</th>
            <th>Email</th>
            <th>Contact</th>
        </thead>
        <tbody style=text-align:center>
        <script>
            $(document).ready(function(){
                $("#example").DataTable({
                    "ajax":{
                        'url':'getData.js','type':'POST',"dataSrc":"",},"columns": [
                        { "data": 'id'},{ "data": "name" },{ "data": "email" },{ "data": "contact" }
                    ],"pagingType":"full_numbers","dom" : "fltip","stateSave":true,"lengthMenu" : [[5,10,15,-1],[5,'ALL']],"order":[[0,"asc"]],});
            });
        </script>
        </tbody>
    </table>
</div>
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。