javascript - php 检索多个 json 对象数组

Question

我正在将 JSON 对象数组发送到数据库中。它们保存为:

function send_custom_markers() {
    var reponse = confirm("Send markers to selected contacts?");
    if (reponse === true)
    {
        var json_markers = new Array();
        for (var i = 0; i < myCustomMarkers.length; i++) {
            json_markers.push({
                title: myCustomMarkers[i].getTitle(),
                lat: myCustomMarkers[i].getPosition().lat(),
                lng: myCustomMarkers[i].getPosition().lng(),
                img: myCustomMarkers[i].getIcon(),
            });
        }

        json_markers = JSON.stringify(json_markers);

        $.ajax({
            type: 'post',
            url: 'dist/backend/action_controller.php',
            data: {action: "send_custom_markers", userID: userID, data: json_markers},
            success: function() {
                alert("Markers Sent");
            }
        });
    }
}

我知道这部分有效，因为在数据库中它们看起来像这样:

[{"title":"Marker: 1","lat":37.6637114...

现在我需要把它们全部拿出来。

PHP 代码:

$result = $this->query($sql);
$friends_markers = array();
while ($row = $result->fetch_array()) {
    $friends_markers[] = json_encode($row, true);
    //Something needs to go here.
}
echo $friends_markers;      

和 JavaScript 代码:

function get_friends_custom_markers(userID) {
    $.ajax({
        type: 'post',
        url: 'dist/backend/action_controller.php',
        dataType: 'json',
        data: {action: "get_friends_custom_markers", userID: userID},
        success: function(friends_markers) {
            alert(friends_markers[0][0].title);
        },
        error: function(xhr, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
}  

我把警报放在那里只是为了测试结果。

我的逻辑是，对于每个用户，他们都保存了一个 JSON 对象数组。为了将它们全部取出，我需要一个数组，其每个元素都是 JSON 对象数组。所以如果我这样做:

alert(friends_markers[0][0].title);

输出应该是:

"Marker: 1"

但我得到的是

200
parsererror

我知道一切正常，直到 $结果。我知道问题出在 php 函数中的 while 循环中。我尝试了很多不同的方法，但没有一个有效。这花了我好几天的时间。我是 php 和 JavaScript 的新手。这是我正在进行的项目的最后一部分。一旦我可以将所有内容放入一个数组中，那么我就可以将它们全部绘制到 Google map 上。所以任何事情都会有帮助。谢谢。

Answer 1

通过在 success() 回调中使用 console.log(friends_markers) 将friends_markers转储到浏览器的调试控制台，您应该能够更好地了解 ajax 调用返回的结果。当前的所有浏览器都附带控制台，尽管每个浏览器的访问方式有所不同。