如何将数据库中的数据导入 JavaScript？

Question

我有一个从CanvasJS复制的 PHP 图表，我一直在尝试找到一种方法从我的数据库（不断更新）中获取一些值到图表中。 我已经成功地能够导入数据库中已经存在的值，但我似乎找不到将新值获取到 function updateChart() 的方法。

我一直在尝试寻找解决方案很长时间，但没有发现任何可行的方法，我尝试使用 $.GET 寻找一种方法，但它似乎没有奏效

function updateChart() {

var deltaY1, deltaY2;
xValue += updateInterval;
// adding random value
yValue1 += Math.round(2 + Math.random() *(-2-2));
yValue2 += Math.round(2 + Math.random() *(-2-2));

// pushing the new values
dataPoints1.push({
    x: xValue,
    y: yValue1
});
dataPoints2.push({
    x: xValue,
    y: yValue2
});

// updating legend text with  updated with y Value 
chart.options.data[0].legendText = "Building A " + yValue1 + " watts";
chart.options.data[1].legendText = " Building B " + yValue2+ " watts"; 
chart.render();}

我不确定如何进行这样的事情，因为大多数在线教程只讨论非常基本的东西。

我很乐意接受任何帮助，并提前致谢。

Answer 1

我希望这是你所要求的。
您可以使用Ajax发出 php 请求，并将结果作为 javascript 变量。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $.ajax(function(){
     type: 'POST',
     url: 'url_of_file.php',
     data: { 'var': var_for_query }, // type and data are not necessary if you don't need to send js variables through php
     success: function(data){
       function updateChart() {
         // ...
       }
     }
  });
</script>

'data'只是你的 php 脚本的结果，所以基本上只是打印结果，比如

$array = array($row['something'],etc...);
echo $array;

免责声明：但是要更新内容，您必须在每次更改行时都发出 sql 请求，只需将代码放在您想要更新页面时调用的 function 中。