Аналоговый измеритель JQuery с данными PHP

Question

У меня есть этот пример кода для аналогового измерителя в Jquery:

<script> 
    var g1; 
    window.onload = function(){ 

     var g1 = new JustGage({ 
      id: "g1", 
      value: getRandomInt(0, 100), 
      min: 0, 
      max: 100, 
      title: "Big Fella", 
      label: "pounds" 
     }); 

     setInterval(function() {     
      g1.refresh(getRandomInt(50, 500)); 
     }, 2500); 
    }; 
</script> 

<div id="g1"></div> 

Теперь я пытаюсь изменить эти значения в соответствии мою информацию из базы данных.

Любая идея?

Answer 1

Использование JQuery ----

Пусть ajaxurl дает результат текущего значения, то вы можете использовать как этот

setInterval(function() {  
    $.ajax({url:"ajaxurl",success:function(result){ 
     g1.refresh(result); 
    }}); 
}, 2500); 

Answer 2

Вместо:

setInterval(function() { 
    g1.refresh(getRandomInt(50, 500)); 
}, 2500); 

Вы должны называем Ajax Запрос на сервер и перетаскивание возвращаемых данных на аналоговый счетчик:

setInterval(function() { 
    $.ajax({ 
     url : '<server address to call>', 
     type:'post', 
     dataType : 'json', 
     success : function(response){ 
     g1.refresh(getRandomInt(response.value1, response.value2)); 
     } 
    }); 
}, 2500); 

Теперь, когда вызов поступает на сервер, сделайте все манипуляции, которые вы хотите делать с данными базы данных, и верните данные в формате JSON.

Но убедитесь, что вы возвращаете JSON от сервера, и это тоже с двумя ключами "value1" и "значение2"