Question

这是设置。移动设备将传感器数据发送到服务器。服务器托管一个网站，该网站将在图表中显示数据（我使用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();
}

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

提前致谢。

Answer 1

如果不知道如何实现服务器，很难就可能的实现提供建议。但是，假设您希望跨浏览器体验所有可能的回退，并且您的服务器逻辑与诸如websockets之类的解决方案提供的双向客户端 - 服务器通信完全分离，我建议您推送：http://pusher.com/

此解决方案为您提供了在客户端使用准填充的优势，可以处理浏览器支持，并使用此实时方法抽象您将内容传达给客户端的方式。查看教程。

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

1 个答案: