将通过JSON获取的js数组显示到网页

时间:2011-06-02 04:12:11

标签: jquery html arrays json

对不起再造成麻烦= x

在你们的帮助下,尤其是Scott Harwell,我设法通过以下代码将我的php数组传递给js数组:

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

但是,现在我在显示数组内容时遇到了问题。我无法将其加载到id =“horse1_r”的html标记中。

以下是我的js代码:

<script type="text/javascript">

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

function goto1(hid) {

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

}

</script>

非常感谢您的帮助。

3 个答案:

答案 0 :(得分:1)

如果要返回Javascript对象的内容,可以将其返回到字符串:

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

答案 1 :(得分:0)

首先,我没有看到调用函数goto1。使用jQuery,您必须在document.ready中运行它:

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

$(document).ready(function() {

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

});
</script>

现在第二件事是,horse_array将是一个包含其他数组(或JavaScript中的对象)的数组。您将不得不循环遍历这些数组和对象,并按照您希望的方式输出它的属性。

答案 2 :(得分:0)

首先,json_encode返回一个字符串,你必须在JavaScrpt中将其解码为JSON。

其次,您必须致电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:我认为你应该修改goto1函数,它对我没有意义。