将JSON数组从PHP传递到Dynatree

Question

我第一次使用Dynatree，并编写了一个PHP脚本，该脚本返回了格式正确的JSON数组。

我已经阅读了Dynatree 文档 ，但无法弄清楚如何从我的PHP脚本中传递JSON数组，因此其内容可以作为树结构加载。

在HTML文件的顶部，我使用<?php include('tree.php') ?> ，它会自动返回格式化的JSON数组（名为$categories ）。 如果这样做更容易，我也可以从JavaScript调用函数来检索树。

有人可以告诉我如何将阵列交付给Dynatree吗？

Answer 1

您可以使用data-属性，如下所示：

<?php
$dynaConfig = array('children'=>array(
    array('title' => 'Alice'), 
    array('title' => 'Bob')
));
$dynaConfigJSON = json_encode($dynaConfig);

// HTML head goes here
echo '<div id="tree" data-dyna="' . htmlspecialchars($dynaConfigJSON) . '">';
?>

<script>
$(function() {
   var dtConfig = $.parseJSON($('#tree').attr('data-dyna'));
   $('#tree').dynatree(dtConfig);
});

这是一个在线示例 ，以及相应的完整源代码 。

Answer 2

您还可以将php的代码分离到一个类似tree.php的文件中，然后在javascript中调用它。

<div id="tree">  </div>
<script type="text/javascript">
  $(function(){
    $("#tree").dynatree({
      initAjax: {
        url: "tree.php"
        }
      }
    }
</script>