javascript - jQuery Ajax 成功获取返回的数组长度？

Question

我试图循环从 PHP 返回的数组。但是 jQuery .length 给我:

'undefined'

PHP:

$items = array();
$items["country"] = "North Korea",
$items["fruits"] = array(
                      "apple"=>1.0,
                      "banana"=>1.2,
                      "cranberry"=>2.0,
                    );
echo json_encode( $fruits );

jQuery:

$.ajax({
    url: "items.php",
    async: false,
    type: "POST",
    dataType: "JSON",
    data: { "command" : "getItems" }
}).success(function( response ) {
    alert( response.fruits.apple );
    alert( response.length );
});

• 这里 First Alert() 正常，返回:"1.0"。
• 然后检测长度 response.length 的第二个 Alert() 返回:
  • 未定义

那么我如何循环这个数组(或)如何从 jQuery 端循环 Fruits(由 PHP 定义，如 $items["fruits"])？

Answer 1

简单地尝试这样的事情

要在任何兼容 ES5 的环境中执行此操作，例如 Node、Chrome、IE 9+、FF 4+ 或 Safari 5+:

alert(Object.keys(response).length); 

你的代码

$.ajax({
    url: "items.php",
    async: false,
    type: "POST",
    dataType: "JSON",
    data: { "command" : "getItems" }
}).success(function( response ) {
    alert( response.fruits.apple );
    alert(Object.keys(response).length); 
});

引用

How to efficiently count the number of keys/properties of an object in JavaScript?