Hinzufügen von JSON-Ergebnissen zu einer Dropdown-Liste mit JQUERY

Question

Ich rufe eine Seite Methode über AJAX in meiner ASP.NET-Anwendung über JQUERY AJAX-Methode, z.

Ich werde die Ergebnisse im JSON-Format zurückgeben, wobei ich eine Dropdownliste ausfüllen werde. Ich könnte diesen Teil selbst machen, aber ich möchte wissen, ob es in JQuery integrierte Magie für die Verarbeitung von JSON-Ergebnissen gibt oder ob es irgendwelche guten Hilfsskripts für diese Art von Dingen gibt.

Answer 1

Es gibt wenig jQuery selbst kann Ihnen helfen, Dropdown-Menü zu füllen. Sie müssen nur HTML erstellen und es an Ihr Dropdown-Menü anhängen.

Ich bin mir nicht sicher, was das Format Ihrer Daten ist, also gehe ich davon aus, dass es sich um ein Objekt handelt, bei dem Schlüssel die Dropdown-Werte sein sollten.

Ich bevorzuge auch $.post dann $.ajax, da es eine klarere Struktur für mich hat.

$.post('page.aspx/GetDropDowns', {'aId': '1'}, function (data, status) { 
    if (status === 'success') { 
     var options = []; 
     for (var key in data) { 
      options.push('<option value="' + key + '">' + data[key] + '</option>'); 
     } 
     $('#yourId').append(options.join('')); 
    } else { 
     alert('error'); 
    } 
}, 'json'); 

Answer 2

In der Vergangenheit habe ich ein Plugin bei der Arbeit mit Dropdowns verwendet.

http://www.texotela.co.uk/code/jquery/select

Antrag die JSON-Daten:

//Get the JSON Data 
    $.getJSON(url, function(json) { 
     PopulateDropDownFromJson(json, "#element"); 
    }); 

und dann übergeben Sie einfach die JSON in eine Funktion, die das Plugin über

function PopulateDropDownFromJson(json, element){ 
     $.each(json, function() { 
     $(element).addOption(this[valueText], this[displayText], false); 
    }); 

}

verwendet