Как отправить переменную из PHP в javascript, используя Ajax?

Question

Итак, у меня есть файл PHP, из которого я получаю данные из базы данных. У меня также есть файл JavaScript, где я делаю запрос ajax. Все хорошо, но я бы хотел, чтобы JSON не появлялся на моей веб-странице, когда я повторяю это. Я просто хочу работать с JSON в Javascript. Вот мой код:

Javascript:

$(document).ready(function() {
  var url = "../../DB/get-data.php";
    $.ajax({
      type: "POST",
      url: url,
      success: function(data){
         var mydata = jQuery.parseJSON(data);
         console.log(mydata);
      }
    });
});

PHP:

$sql = "SELECT * FROM animals ORDER BY age DESC";
$result = $conn->query($sql);
$animals = [];
while($row = $result->fetch_assoc()) {
  $animal = new Animals($row['name'], $row['species'], $row['color'], $row['age']);
  array_push($animals, $animal);
}
echo json_encode($animals);

Answer 1

Вы можете разделить два файла, файл, который получает данные без echo:

получить-data.php

$sql = "SELECT * FROM animals ORDER BY age DESC";
$result = $conn->query($sql);
$animals = [];
while($row = $result->fetch_assoc()) {
  $animal = new Animals($row['name'], $row['species'], $row['color'], $row['age']);
  array_push($animals, $animal);
}

И еще один файл для результата JSON, который реализует оператор echo и включает в себя первый:

получить-данных json.php

include 'you_path_here/get-data.php';

echo json_encode($animals);

Тогда переменная URL в вашем коде JS должна вызывать маршрут JSON, например:

var url = "../../DB/get-data-json.php";