javascript - 将通过 AJAX 检索到的分隔字符串转换回多维数组

Question

我想在某些时候，我对 PHP 的熟悉让我写错了一些东西，但我一直在阅读，似乎无法找到实现以下目标的方法。最后，我应该有一个像这样的多维数组：

cardArray[#]
     'uniqueID' => "#";
     'cardName' => "blahblah";
     'series' => "blahblah";

（当然，#s 是实际数字。）通过 AJAX 返回的字符串被格式化，使得每组 3 由冒号分隔，并且在每组中，每个项目由管道分隔。（我刚刚输入的最后一行是为了测试是否有任何东西被存储。）

这是代码：

function buildCardList() {
    var returnedString;
    var xmlhttp;

    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            returnedString = xmlhttp.responseText;
        }
    }

    xmlhttp.open("POST","test02.php",true);
    xmlhttp.send();

    var cardArray = new Array();

    cardArray = returnedString.split(":");

    for (var i = 0; i < cardArray.length; i++) {
        var tempVar = cardArray[i];
        var tempArr = tempVar.split("|");
        cardArray[i] = {
            "uniqueID" : tempArr[0],
            "cardName" : tempArr[1],
            "series" : tempArr[2]
        };
    }

    document.getElementById("test").innerHTML = cardArray[0]['uniqueID'] + "<br>" + cardArray[0]['cardName'] + "<br>" + cardArray[0]['series'] + "<br><br>";
}