Как загрузить данные сервера в реальном времени на веб-сайте?

Question

Это настройка. Мобильное устройство отправляет данные датчиков на сервер. На сервере размещен веб-сайт, на котором будут отображаться данные на диаграмме (я использую флеш-структуру).

Представление работает следующим образом.

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, я бы порекомендовал вам Pusher:

Это решение предлагает вам преимущество использования квазиполипол на стороне клиента, которое обрабатывает поддержку браузера, а также абстрагирует способ передачи информации клиенту с использованием этого подхода в режиме реального времени. Проверьте учебники.