0

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

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

提前致谢。

4

1 回答 1

1

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

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

于 2013-02-11T14:34:55.050 回答