Build a list with JSON and jQuery

Question

I need to build a list using the parameters "name" taken from my file "sendjson.php" (in json, of course). How can i create a list using jQuery like this one?

<div id="firstresultname">Firstresultname</div>
<div id="secondresultname">Secondresultname</div>

I don't know how much result will be so is possible to detect and write the right number on div? Thanks!

can you tell where you are having the problem? specify the json response you are getting and how you want to get it displayed... — Rafay
– Rafay, Commented Jul 20, 2011 at 21:34
For list i mean a series of elements ... this is an example of the result fom sendjson.php: {"items":[{"name":"iPod Shuffle"},{"name":"Nintendo Wi"}]} - i need to show one result for each div. using the example i posted in json, it should become <div>iPod shuffle</div> <div>Nintendo Wii</div> — Matteo Mosconi
– Matteo Mosconi, Commented Jul 20, 2011 at 21:38

genesis · Accepted Answer · 2011-07-20 21:48:56Z

9

$.each(json, function(key, value){
    $("body").append('<div id="'+value+'">'+value+'</div>');
});

or just

$.each(json, function(key, value){
    $("body").append('<div>'+value+'</div>');
});

to retreive json & proccess, do following

$.ajax({
    'url' : 'yoururl.php',
    dataType: 'json',
    success: function(json){
        $.each(json, function(key, value){
            $("body").append('<div>'+value+'</div>');
        });
    }
});

edited Jul 20, 2011 at 21:48

answered Jul 20, 2011 at 21:42

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Build a list with JSON and jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related