ملء jquery القائمة المنسدلة ببيانات json


Answers

إذا كانت بياناتك في شكل مصفوفة بالفعل ، فستكون سهلة الاستخدام باستخدام jQuery:

 $(data.msg).each(function()
 {
     alert(this.value);
     alert(this.label);

     //this refers to the current item being iterated over

     var option = $('<option />');
     option.attr('value', this.value).text(this.label);

     $('#myDropDown').append(option);
 });

.ajax() أكثر مرونة من .getJSON() - لأحد ، يتم استهداف getJson تحديدًا كطلب GET لاسترداد json؛ يمكن لـ ajax () طلب أي فعل لاستعادة أي نوع من أنواع المحتوى (على الرغم من أن ذلك غير مفيد أحيانًا). getJSON يستدعي داخليا .ajax ().

Question

لدي رمز jQuery التالي. يمكنني الحصول على البيانات التالية من الخادم [{"value":"1","label":"xyz"}, {"value":"2","label":"abc"}] . كيف يمكنني تكرار ذلك وتعبئته في مربع تحديد مع id=combobox

$.ajax({
    type: 'POST',
    url: "<s:url value="/ajaxMethod.action"/>",
    data:$("#locid").serialize(),
    success: function(data) {
        alert(data.msg);

                //NEED TO ITERATE data.msg AND FILL A DROP DOWN
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert(textStatus);
    },
    dataType: "json"
});

أيضا ما هو الفرق بين استخدام .ajax و $.getJSON .




Links