Как я могу импортировать данные из моей базы данных в мой JavaScript?

Question

У меня есть PHP График, который я скопировал из Canvas JS, и я пытался найти способ получить некоторые значения из моей базы данных (которая постоянно обновляется ) в График. Мне удалось успешно импортировать значения, которые уже были в базе данных, но я не могу найти способ получить новые значения для функции 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();}

Я не уверен, как сделайте что-то вроде этого, и поскольку в большинстве онлайн-руководств говорится только об очень c вещах.

Я с радостью приму любую помощь и заранее спасибо.

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, если строки изменяются, просто помещая код в функцию, которую вы вызываете всякий раз, когда хотите обновить страницу.