從jQuery調用jQuery訪問鍵值對

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

您正在試圖獲得的價值，而不是對象的屬性。使用

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); 
});