使用 jQuery 从 ajax 调用访问键值对

Question

我正在使用 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>" ) );

    });
})

感谢您的帮助

Answer 1

您正在尝试获取 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);
});