Подскажите почему 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>