Javascript 带有php数据的模拟仪表jquery

Javascript 带有php数据的模拟仪表jquery,javascript,jquery,raphael,graphael,justgage,Javascript,Jquery,Raphael,Graphael,Justgage,我在Jquery中有一个模拟仪表的示例代码: <script> var g1; window.onload = function(){ var g1 = new JustGage({ id: "g1", value: getRandomInt(0, 100), min: 0, max: 100, title: "Big Fella",

我在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>

var g1;
window.onload=函数(){
var g1=新的JustGage({
id:“g1”,
值:getRandomInt(0,100),
分:0,,
最高:100,
标题:“大家伙”,
标签:“磅”
});
setInterval(函数(){
g1.刷新(getRandomInt(50500));
}, 2500);
};
现在,我正试图根据数据库信息更改此值

有什么想法吗?

使用jquery----

假设ajaxurl给出当前值的结果,那么您可以这样使用

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

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);
setInterval(函数(){
$.ajax({
url:“”,
类型:'post',
数据类型:“json”,
成功:功能(响应){
g1.刷新(getRandomInt(response.value1,response.value2));
}
});
}, 2500);
现在,当调用服务器时,可以对数据库的数据执行任何操作,并以JSON格式返回数据


但请确保您正在从服务器返回JSON,并且使用两个键“value1”“value2”

我的函数是:setInterval(function(){$.ajax({url:“analog_meter_data.php”,success:function(result){g1.refresh(result)}}},2500);但是不起作用:xtry首先打印响应并在回调中:setInterval(function(){$.ajax({url:“analog_meter_data.php”,success:function(result){//查看下面的内容(Ctrl+Shift+J)console.log(result);g1.refresh(result);}}},2500);