Usa jQuery para convertir JSON array a la lista con viñetas HTML

Noé, parte de este gran equipo de trabajo, nos hizo el favor de redactar este escrito ya que conoce a la perfección dicho tema.

Solución:

var ul = $('
').appendTo('body');
var json =  items: ['item 1', 'item 2', 'item 3'] ;
$(json.items).each(function(index, item) 
    ul.append(
        $(document.createElement('li')).text(item)
    );
);

En lo que respecta a obtener el JSON de su servidor usando AJAX, podría usar el $.getJSON() función.

Demo en vivo.

Run process_test_json()

UN JSON string así se vería así:

'["foo","bar","base","ball"]'

Puedes analizar eso en un Javascript array objeto llamando JSON.parse()iterar sobre eso array e inserte las cuerdas.

var jsonstring = '["foo","bar","base","ball"]',
    arr = JSON.parse(jsonstring),
    len = arr.length;

while(len--) 
    $('
',  
        text:   arr[len]
    ).appendTo('ul');

---

---

Utiliza Nuestro Buscador