Question

我想用JavaScript更改米元素的值。我使用下面的代码。但这不起作用。我认为部分$（＆＃39;＃meter1＆＃39;）。html（数据[＆＃39; meter1＆＃39;]）;是不对的。但我无法弄清楚应该是什么。

<html>
<head>
</head>
<body>
  <meter id="meter1" value="0" min="0" low="5" high="10" max="15" ></meter>
  <script src='/js/meter.js'></script>
</html>

meter.js

$(window).load(function meter(){
  $(function meter() {
        $.get('/meter.php', function(data) {
            $('#meter1').html(data['meter1']);
        });
        setTimeout(meter, 10000);
  });
});

输出meter.php：{＆＃34; meter1＆＃34;：＆＃34; 5＆＃34;}

Answer 1

这样做：

$.get('/meter.php', function(data) {
    $('#meter1').val(data.meter1);
});

Answer 2

最安全的方式：

$(function(){
  setInterval(function(){
    $.getJSON('/meter.php').done(function(data){
      $('#meter1').val(parseInt(data.meter1));
    }).fail(function() {
      alert("JSON Request error.");
    })
  },10000)
})

动态更新仪表元素

2 个答案: