如何在网站上实时加载服务器数据

How to load server data in realtime on website?

本文关键字：加载 服务器 数据 实时 网站      更新时间：2023-09-26

这就是设置。移动设备向服务器发送传感器数据。服务器托管一个网站，该网站将在图表中显示数据（我使用Flot框架）。

表示方式是这样的。

function showX(){
        $("#dialog").dialog({
        width:400,
        modal:false,
        buttons: {
             "Close": function(){
                $(this).dialog("close");
            }
        }
    }).dialog("open");
    function getRandomData(){
        var randomData = [];
        for(var i = 4;i<100;i++){
            randomData.push([i,(1 + Math.floor(Math.random() * 20))]);
        }
        return randomData;
    }
    var plot = $.plot($("#chart"),[ getRandomData() ]);
    function update() {
        //FETCH SERVER DATA FOR plot.setData();
        plot.setData([ getRandomData() ]);
        plot.draw();
        setTimeout(update, 100);
    }
    update();
}

按下按钮，会出现一个对话框，其中包含一个图表。图表在更新函数中使用新值进行更新（在上面的示例中使用随机值）。在这个函数中，我想从服务器获取一块测量数据（请参阅注释）。我应该使用什么技巧？数据应该如何存储在服务器端？

提前谢谢。

在不知道如何实现服务器的情况下，很难就可能的实现向您提供建议。但是，假设您想要一种跨浏览器体验，其中包含所有可能的回退，并且您的服务器逻辑与websocket等解决方案提供的双向客户端-服务器通信完全分离，我建议您使用Pusher：http://pusher.com/

该解决方案为您提供了在客户端使用准polyfill的好处，该客户端处理浏览器支持，还抽象了使用这种实时方法与客户端通信的方式。查看教程。

相关文章：