problems displaying my array via JSON object

Question

Hi I am having a problems displaying my array via JSON object. I passed two variables to PHP which returns an array. I then wish to loop through the array and append the result to a div

The PHP works fine as I have tested this before adding the JQuery. When I use google chrome to inspect the console, I dump out data which displays as [] not an object, is this correct?

the contents of the array do not have a key, only a collection of list items with an image path for example

<li><img src="'.$image_path.'"</li>

I encode the array back to the listener,

echo json_encode($result);

code for JQuery

$.post('Look_Controller.php', {look: look, account: account}, function(data) {                              
    $.each(data, function(i, item) {
        $('#carousel-ul').empty();
        content = item;
       $(content).appendTo('#carousel-ul');
});
    }, "json");

How do I append each individual result to the div (#carousel-ul)?,

I have also tried

content = item.this;
content = (this).item;
content = $(this).item;

I am not sure if it because the console.log(data) displays [] instead of object?

Hope someone can advise!

Thanks

It is better to move the append/empty outside .each function. — Selvakumar Arumugam
– Selvakumar Arumugam, Commented Apr 2, 2012 at 20:51
I have moved this outside the .each loop as suggested, thanks SKS but still nothing just [] console output! — Alan
– Alan, Commented Apr 2, 2012 at 20:57
$('#carousel-ul') exists? What happens if you console.log($('#carousel-ul')); ? — benedict_w
– benedict_w, Commented Apr 2, 2012 at 20:58

mamadrood · Accepted Answer · 2012-04-02 21:24:58Z

1

What happen when you try this ?

$.post('Look_Controller.php', {look: look, account: account}, function(data) {                              
$('#carousel-ul').empty();
console.log(data);
$.each(data, function(i, item) {
    console.log(item);
    content = item;
    // If "carousel-ul" is a <ul> tag uncomment the next line
    // content = $('<li/>').html(content);
   $(content).appendTo('#carousel-ul');
});
}, "json");

answered Apr 2, 2012 at 21:24

mamadrood

7575 silver badges12 bronze badges

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

1 Comment

Alan Over a year ago

Thanks for the advice marmadrood I will have a look at this

Terry · Accepted Answer · 2012-04-02 21:08:42Z

0

[] is an empty array. If that's what's being shown you have no data.

So it's probably not coming back from the server. Check the Network tab in the Chrome debugger and see what your response looks like.

answered Apr 2, 2012 at 21:08

Terry

14.2k9 gold badges58 silver badges84 bronze badges

1 Comment

Alan Over a year ago

yes I had a variable in the wrong place when I copied the code across from testing, Thanks for your advice,

Collectives™ on Stack Overflow

problems displaying my array via JSON object

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related