Reliure liste déroulante en utilisant jquery

Question

Je suis essayer de lier la dropdowmlist en utilisant jquery. Mais montre une erreur.

code:

     $.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'])); 
          }); 
         } 
        }); 

valeurs dans les données: [{ "Catégorie": "Tous", "ID": "%"}, "Catégorie": "Action" ID ":" 4 "}," Catégorie ":" Race "ID": "5"}, "Catégorie": "sports," ID ":" 6 "}]

erreur:

$ (" # ddlCategory "). append ($ (" "). val (this ['ID']) .html (this ['Category'])); Erreur d'exécution Microsoft JScript: l'objet ne supporte pas cette propriété ou méthode

Geetha

Answer 1

Geetha: Il semble que data.d renvoie un tableau contenant des objets?

Essayez la mise en œuvre succès comme celui-ci:

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