Javascript-форум - Ajax не передает скрипт

Подскажите почему ajax не хочет передавать скрипт?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  </head>
  <body>

    <div class="container">
            <img src="https://flevix.com/wp-content/uploads/2019/07/Spin-Preloader-1.gif" id="preloader" class="preloader" /> 
      <div class="test" id="test"></div>
    </div>

  <script>
      $.ajax({
        url: "chart_2M.php", //Страница к которой обращаемся
        success: function (res) { // В случае удачного обращения мы получаем данные
                                  // от test.php в переменную res
                                  //Выполняем какие то действия..
          $("#preloader").hide(); //Скрыли гифку, с id preloader
          $("#test").html(res); //Добавили код, который получили со страницы test.php
        }
      });
    </script>

  </body>
</html>

в chart_2M.php следующее:

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<canvas id="myChart" class="stat"></canvas>

<script>

document.write("test");

var ctx = document.getElementById("myChart").getContext("2d");
var chart = new Chart(ctx, {
    type: "line",
    data: {
        labels: ["12:00", "13:00", "14:00", "15:00"],
        datasets: [{
           label: "Лучший курс",
           backgroundColor: "green",
           borderColor: "green",
           data: [667, 670, 685, 680, 672, 685, 690],
           fill: false
        }]
    },
    options: {}
});
</script>