Question

我有一个NodeJs服务器从rest API获取JSon数据。

加载数据后，我想返回一个HTML页面并将其加载到那里的表格中。

修改

我发现我需要express（下面更新的示例），使用正确的版本（3.x to old！）来使用res.SendFile（）。所以现在返回Html文件。但是，我们仍然不知道如何在页面中加载数据。

理想情况下，我还希望能够使用datatables过滤数据。

NodeJS服务器路由

var express = require('express');
var app = express();

var path = require('path');
const Request = require('request');
const ServerAddress = ...;

exports.showAll = function(req, res) {
    Request.get(ServerAddress + '/data', function (error, response, body) {
        if (error) {
            throw error;
        }
        const data = JSON.parse(body);
        return res.sendFile(path.resolve(__dirname + '/../index.html'), { result: data });
    });

的index.html

<html>
    <head>
        <script src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
        <script src="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"></script>
    </head>
    <body>
        <div class="data">
            <table id="resultsTable">
                <thead>
                    <tr>
                        <th>Col1</th>
                        <th>Col2</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                        </td>
                        <td>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </body>
</html>

谢谢！

Answer 1

我建议EJS。它在Node中运行良好，如果您只知道HTML，则很容易获取。 http://www.embeddedjs.com/getting_started.html https://www.npmjs.com/package/ejs

返回在NodeJS中加载JSON数据的Html页面

1 个答案: