Ajax PHP/Javascript 数组

Question

我通过 Ajax 使用 PHP 返回一个客户地址数组（作为地址返回）。 我 document.write 完美显示数组的addresses.responseText

Array ( [0] => Array ( [addressID] => 15804 [customerID] => 10 [loanID] => [address1] => 6 Road [address2] => [address3] => [town] => Their Town [county] => Their County [postCode] => Their postCode [reason] => [current] => 1 [timestamp] => 2013-03-13 14:41:39 ) [1] => Array ( [addressID] => 10 [customerID] => 10 [loanID] => [address1] => 21A Road [address2] => [address3] => [town] => Their 2nd Town [county] => Their 2nd County [postCode] => Their 2nd postCode [reason] => [current] => 0 [timestamp] => 2013-03-13 14:41:39 ) )

我在循环和使用数组信息时遇到了问题。

new Ajax.Request('includes/ajax.php',
        {
            method:'post',
            parameters: {addCustID: customerID},
            onSuccess: function(addresses){

            document.write(addresses.responseText);

                for (var i in addresses)
                {

                    if(i == "responseText") 
                    {                           
                        addressExpander.addEntry(addresses[i]);
                    }
                }
            },
            onFailure: function(){ alert('Something went wrong...') }
        });

我想为每个地址运行addressExpander.addEntry(addresses[i]);，但它只显示一次，而不是每个地址。​​

我尝试在if(i == "responseText") 循环中循环通过addresses.responseText，但它没有做任何事情。

顺便说一下，我正在使用Prototype，它已经在页面中使用了。

Answer 1

您遇到的问题似乎是PHP arrays 和Javascript arrays 之间存在相当大的差异。

为了弥补这些差异，我们的霸主创建了全能的 JSON 格式，有助于实现跨语言数据结构的共享。在回显您的 PHP 响应之前，请使用 json_encode，如下所示：

echo json_encode($your_php_arr);

您的 JS 代码应该能够在不进行任何修改的情况下工作。如果没有，请尝试在 onSuccess 回调中添加JSON.parse：

var your_js_arr = JSON.parse(addresses.responseText);

for (var i in your_js_arr)
{               
    addressExpander.addEntry(your_js_arr[i]);
}

Answer 2

假设这一行：

document.write(addresses.responseText);

是产生您发布的输出的那个，您打印出addresses.responseText，它是地址数组。

正如您在回答中所说，从外观上看，您需要遍历addresses.responseText：

for (var i=0;i<addresses.responseText.length;i++)
{     
     addressExpander.addEntry(addresses.responseText[i]);
}