Javascript 带有php数据的模拟仪表jquery
我在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",
<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);