Question

I have web service which return json string like :
d={“main0ID”:”abc.es/main”,”main1ID”:”ah/main”}
I wanna append this to ul HTML control. How to iterate over json object string and append to ul?

Thanks…

Answer 1

Assuming you have ul like this

<ul id="ulItems"></ul>      

This will get the items from JSON and add to UL

$(function(){
    var items="";
    var data={"main0ID":"abc.es/main","main1ID":"ah/main"}
       $.each(data,function(index,item){
         items+="<option value='"+item+"'>"+item+"</option>";
       });       
    $("#ulItems").html(items);
});

Working sample : http://jsfiddle.net/tFpTu/4/

Always build a string and call the html function only once instead of calling the append function n times inside a loop