javascript - 如何使用 Ajax 将变量从 PHP 发送到 javascript？

Question

所以我有一个 PHP 文件，我从数据库中获取数据。我还有一个 JavaScript 文件，我在其中发出 ajax 请求。一切都很好，但我想在回显时阻止 JSON 出现在我的网页上。我只想在 Javascript 中使用 JSON。这是我的代码:

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 :

get-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);
}

还有另一个实现 echo 语句并包含第一个语句的 JSON 结果文件:

get-data-json.php

include 'you_path_here/get-data.php';

echo json_encode($animals);

那么你的 JS 代码中的 URL 变量应该像这样调用 JSON 路由:

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