Display js array acquired via JSON to webpage

Question

Sorry if causing troubles again =x

With the help from you guys especially Scott Harwell, I managed to get my php array passed to js array with the following code:

var horse_array = <?php echo json_encode($horse_info);?>;

However, now I encounter problem in displaying the content of array. I could not load it into my html tag with id="horse1_r".

The following is my js code:

<script type="text/javascript">

var horse_array = <?php echo json_encode($horse_info);?>;

function goto1(hid) {

$("#horse1_r").html(horse_array); 

}

</script>

Your kind help will be much appreciated.

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object] This is what I got. It means? Sorry, It is my first encounter with jquery json. So hope for your tolerance =) — user774105
– user774105, Commented Jun 2, 2011 at 4:15
maybe you should review the horse_array and see how you are getting your content. what does the content of this variable look like in php?(please add it to your question not in the comment) — Ibu
– Ibu, Commented Jun 2, 2011 at 4:19

mVChr · Accepted Answer · 2011-06-02 04:20:06Z

1

If you want to return the contents of the Javascript object, you can return it to a string:

$('#horse1_r').html(JSON.stringify(horse_array));

answered Jun 2, 2011 at 4:20

mVChr

50.3k11 gold badges111 silver badges105 bronze badges

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

Comments

Daff · Accepted Answer · 2011-06-02 04:16:46Z

0

The first thing is that I don't see the function goto1 being called. With jQuery you will have to run it in document.ready:

<script type="text/javascript">
var horse_array = <?php echo json_encode($horse_info);?>;

$(document).ready(function() {

$("#horse1_r").html(horse_array); 

});
</script>

Now the second thing is that horse_array will be an array containing maybe other arrays (or objects in JavaScript for that matter). You will have to loop through these arrays and objects and output it's properties the way you want them to.

answered Jun 2, 2011 at 4:16

Daff

44.4k9 gold badges108 silver badges122 bronze badges

Comments

wong2 · Accepted Answer · 2011-06-02 04:19:13Z

0

First, json_encode returns a string, you have to decode it to JSON in JavaScrpt.

Second, you have to call goto1

<script type="text/javascript">
    function goto1(horse_array) {
        // $("#horse1_r").html(); 
        // use horse_array
    }
    var horse_array = $.parseJSON(<?php echo json_encode($horse_info);?>);
    goto1(horse_array);
</script>

PS: I think you should modify the goto1 function, it doen't make sense to me.

answered Jun 2, 2011 at 4:19

wong2

36.1k51 gold badges138 silver badges182 bronze badges

Collectives™ on Stack Overflow

Display js array acquired via JSON to webpage

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related