无法从AJAX请求中获取数字到javascript变量

Question

我试图制作一个图表，在页面上显示CPU百分比，并随着CPU百分比的变化自动更新。 我在理解如何在发送AJAX请求后如何从PHP脚本中获取信息时遇到问题。 理想情况下，我希望能够使用变量“ $ cpuPercent”并包含在“ .update（）;”中。 我的更新功能的一部分。

我试过将PHP代码包含在update函数中并回显$ cpuPercent，但它不会每次都更新，因为它只会运行一次，并且每次更新时都使用相同的数字。

这是我的system_actions.php脚本中的php。

exec('wmic cpu get loadpercentage', $output2);
$cpuPercent = $output2[1];
echo json_encode($cpuPercent);

这是我的javascript

function getUsage(){
    $.ajax({
        url:'system_actions.php?action=cpu',
        async: true,
        dataType: 'json',
        type: 'post',
        success:function(output){
            var cpuPercent = parseInt(output);
            document.getElementById('cpu').value = cpuPercent;
            updateChart();
        }
    })
}
setInterval(getUsage, 2500);

function updateChart(){
    var link = document.getElementById('randombutton');
    link.click();
}

  $('.updatePieCharts').on('click', function(e) {
    e.preventDefault();
    charts.each(function() {
      var number = parseInt(document.getElementById('cpu').value);
      $(this).data('easyPieChart').update(number);
    });
  });

在所有功能如何协同工作方面，我绝对感到脱节，但我无法完全弄清楚。 任何帮助或朝着正确方向发展的观点都将非常有用。 回到谷歌我去。

Answer 1

由于您的PHP脚本返回了JSON，因此success回调中的output变量将是JavaScript对象或数组。 无论哪种方式，您都不能真正在其上使用parseInt ，因此var cpuPercent可能永远不会设置为任何有用的东西。

如果您发布了PHP脚本的一些示例输出，我们可以告诉您如何找到所需的数字。

Answer 2

尝试这个。

$.ajax({
    cache: false
})

另外，您也可以尝试将异步选项也切换为false。

我认为这个例子可以为您提供帮助。 http://www.flotcharts.org/flot/examples/realtime/index.html