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

【问题标题】：Display js array acquired via JSON to webpage将通过JSON获取的js数组显示到网页
【发布时间】：2011-06-02 04:12:11
【问题描述】：

如果再次造成麻烦，请见谅=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>

您的帮助将不胜感激。

【问题讨论】：

alert(horse_array) 看看你得到了什么
[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象],[对象对象] 这就是我得到的。它的意思是？抱歉，这是我第一次接触 jquery json。所以希望你的宽容=）
也许您应该查看 horse_array 并查看您是如何获取内容的。这个变量的内容在 php 中是什么样的？（请将其添加到您的问题中，而不是在评论中）

标签： jquery html arrays json

【解决方案1】：

如果要返回Javascript对象的内容，可以将其返回为字符串：

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

【讨论】：

【解决方案2】：

第一件事是我没有看到函数 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 中的对象）的数组。您必须遍历这些数组和对象，并按照您希望的方式输出其属性。

【讨论】：

【解决方案3】：

首先，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 函数，这对我来说没有意义。

【讨论】：