Ajax - 如何在成功函数中使用返回的数组


Ajax - How to use a returned array in a success function

嗨,我有一个返回数组的 php 代码。我希望能够在我的 ajax 成功函数中使用此数组,但我不确定如何做到这一点。我已经尝试了以下方法,但没有运气。

PHP代码:

$arr = array();
$arr[0] = "Mark Reed"
$arr[1] = "34";
$arr[2] = "Australia";
exit($arr);

JS代码:

$.ajax({
    type: "POST",
    url: "/returndetails.php",
    data: 'id=' + userid,
    success: function (data) {
        document.getElementById("name").innerHTML = data[0];
        document.getElementById("age").innerHTML = data[1];
        document.getElementById("location").innerHTML = data[2];
    }
});

您应该从服务器以 JSON 形式返回数据。

.PHP

$arr = array();
$arr[0] = "Mark Reed";
$arr[1] = "34";
$arr[2] = "Australia";
echo json_encode($arr);
exit();

.JS

$.ajax({
    type: "POST",
    url: "/returndetails.php",
    data: 'id=' + userid,
    dataType: "json", // Set the data type so jQuery can parse it for you
    success: function (data) {
        document.getElementById("name").innerHTML = data[0];
        document.getElementById("age").innerHTML = data[1];
        document.getElementById("location").innerHTML = data[2];
    }
});

一个小错误:

不是:exit($arr);

替换为:echo json_encode($arr);

有一个

问题,当你想要显示例如data[0]data[1]时,它看起来像是字符串中的字符。它解决了在应用echo json_encode($arr)之前添加header("Content-Type: application/json");的问题

这是解决方案

$arr = array();
$arr[0] = "Mark Reed"
$arr[1] = "34";
$arr[2] = "Australia";
header("Content-Type: application/json");
echo json_encode($arr);
exit();

而不是

$arr = array();
$arr[0] = "Mark Reed"
$arr[1] = "34";
$arr[2] = "Australia";
exit($arr);