javascript - 使用jQuery从Ajax调用访问键值对

我正在使用jquery从服务器调用Json对象。这是我的电话：

$.getJSON( url, function( data ) {...}

我从console.log返回以下对象：

> 0: Object
   cable key: "1"
   cable type: "Building Wire..."
> 1: Object
   cable key: "2"
   cable type: "PVC Wire..."
...

我试图像下面的示例一样访问键和值，但没有任何运气。

$.getJSON( url, function( data ) {

    $.each( data, function( key,  value ) {

         $( "#CableType" ).append( $( "<option value='" + value['cable key'] + "'>" + value['cable type'] + "</option>" ) );

    });
})

谢谢你的帮助

最佳答案

您正在尝试获取VALUE的属性而不是对象。采用

data['cable key']

代替

value['cable key']

此外，在循环内将元素添加到DOM效率很低。您需要将您的html收集为字符串，然后在循环结束后将其放入DOM中。您可以执行以下操作：

$.getJSON( url, function(data){
    var htmlCollection = "",
        propertyName;

    data.forEach(function(pair){
        htmlCollection += "<option value='" + pair['cable key'] + "'>" + pair['cable type'] + "</option>";
    });

    $( "#CableType" ).append(htmlCollection);
});