带有 php 数据的模拟仪表 jquery

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

而不是：

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" 和 "value2"

Answer 2

使用 jquery ----

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

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