在节点和HTML之间发送数据

时间:2017-05-18 08:21:28

标签: node.js html5 express chart.js

如果这个问题看起来很愚蠢,那就道歉了。 Node,JS和HTML对我来说都是新的。

目前我有一个简单的Express Node Server。它定期获取数据并将结果存储在SQL中。

我的路线中也有一个名为graph.html的html页面。 在这个页面上,我正在使用Chart.js

我想知道我的html页面在页面首次加载时从我的节点应用程序请求绘图数据的最简单方法。

编辑:对于这个问题,我似乎得到了很多投票。我很乐意接受有关如何改进我的问题的建议

1 个答案:

答案 0 :(得分:3)

首先: 请提供有关客户的网页和节点应用程序的更多信息!有不同的方法来获得你想要的东西。一方面,您可以在节点应用程序中使用模板引擎将数据传递到客户端网页。

<强>前端

另一方面,您只需在加载网页时执行ajax请求即可。我建议您使用jQuery作为您的网页。除了用于开发网页的许多有用功能外,它还提供了一些简单的ajax功能,可以轻松设置xhr标头并管理异步。

如果你设法设置你的网页到目前为止,以便你可以使用jQuery尝试这个代码:

$.ajax({
    type: "GET", // specify you request type here (e.g. "POST", "PUT", etc.)
    url: "/theURL" // modify the url according to your application logic
}).done(function(yourData) {
    // work with your data
});

<强>后端

由于我不知道您是如何设置节点应用程序的,因此我无法告诉您有关此方面的更多信息。假设您使用的是express服务器框架:

    // here goes the specified request type from above (e.g. app.post, app.put, etc.)
    app.get('/theURL', function(req, res) {
        var data;
        // Get your data from your database
        res.json(data);
    });
相关问题