PHP数组通过AJAX分隔JavaScript文件

Question

我制作了一个简单的 php 文件，它将 MySQL db 中的数据保存到 2 个数组中。我正在尝试将这两个数组发送到 js 文件（与 html 文件分开）。我正在尝试学习 AJAX，但似乎我没有做正确的事情。

你能解释一下我做错了什么吗？

我的 php 文件：get.php

<?php
define('DB_NAME', 'mouse');
define('DB_USER', 'root');
define('DB_PASS', '');
define('DB_HOST', 'localhost');
$link = mysqli_connect(DB_HOST, DB_USER, DB_PASS, DB_NAME);
if($link === false){
    die("ERROR: Could not connect. " . mysqli_connect_error());
}else{
   echo 'Successfuly connected to database :) <br/>';
}
$sql = "SELECT x, y FROM mousetest";
$result = mysqli_query($link, $sql);
$x_array = [];
$y_array = [];
if (mysqli_num_rows($result) > 0) {
    while($row = mysqli_fetch_assoc($result)) {
        echo "x: " . $row["x"]. " - y: " . $row["y"]. "<br>";
        array_push($x_array, $row["x"]);
        array_push($y_array, $row["y"]);
    }
} else {
    echo "0 results";
}
echo json_encode($x_array);
echo "<br>";
echo json_encode($y_array);
mysqli_close($link);
$cd_answer = json_encode($x_array);
echo ($cd_answer);
?>

这是我的 JS 文件：

$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "get.php",
        dataType: "json",
        data : {anything : 1},
        success:function(data){
            var x = jQuery.parseJSON(data); // parse the answer
            x = eval(x);
            console.log(x.length);
        }
    });
});

我真的希望你明白，我想要做什么。哪里有问题？我真的认为这应该可行，因为至少可以说我经历了很多次......

Answer 1

你不能使用echo json_encode(...) 两次。客户端需要一个 JSON 对象，而不是一系列对象。

您应该使每个数组成为包含数组的元素，然后将其作为 JSON 返回。

$result = array('x' => $x_array, 'y' => $y_array);
echo json_encode($result);

然后在您将使用的 jQuery 代码中：

var x = data.x;
var y = data.y;

此外，当您使用dataType: 'json' 时，jQuery 会在设置data 时自动解析JSON。你不应该打电话给jQuery.parseJSON() 或eval()。