使用jquery綁定下拉列表

Question

我嘗試使用jquery綁定dropdowmlist。但是顯示出一些錯誤。

代碼：

     $.ajax({ 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         data: "{product: '" + product + "'}", 
         url: "Search.aspx/FetchCategory", 
         dataType: "json", 
         success: function(data) { 
         $.each(data.d, function() { 
           $("#ddlCategory").append($("<option></option>").val(this['ID']).html(this['Category'])); 
          }); 
         } 
        }); 

值在數據： [{ 「類別」： 「全部」， 「ID」： 「％」}， 「類別」： 「操作，」 ID 「：」 4 「}，」 類別 「：」 種族， 「ID」： 「5」}， 「類別」： 「體育，」 ID 「：」 6 「}]

錯誤：

$（」 ＃ （「['ID']）。html（this ['Category']））; Microsoft JScript運行時錯誤：對象不支持此屬性或方法

Geetha

Answer 1

Geetha： 它看起來像data.d返回一個包含對象的數組？

這樣

嘗試實施的成功：

success: function(data) { 
    $.each(data.d[0], function(key,value) { 
    $("#ddlCategory").append($("<option></option>").val(key).html(value)); 
    }); 
}