javascript - Ajax - 返された配列を成功関数で使用する方法

Question

こんにちは、配列を返す 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];
    }
});

Answer 1

サーバーから 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];
    }
});

Answer 2

小さな間違い:

いいえ：exit($arr);

と置換する：echo json_encode($arr);