从AJAX请求获取javascript变量的数字时遇到问题

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

我尝试过在update函数中使用php代码并回显$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);
    });
  });

我确实感觉到这一切是如何协同工作的，但我不太清楚。任何帮助或正确的方向都将是伟大的。回到谷歌我去。