Question

我制作了一个简单的php文件，将MySQL数据库中的数据保存到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对象。

您应该使每个数组成为包含数组的元素，然后将其作为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()。

PHP数组通过AJAX分离JavaScript文件

1 个答案: