如何使用MVC通过Ajax加载Dynatree

Pet*_*ies 0 asp.net-mvc jquery dynatree

请有人帮忙.我无法弄清楚如何从服务器加载Dynatree.而不是得到一棵树,我得到"加载错误!(错误)"我已阅读文档的每一部分,并阅读了数百个stackoverflow类型的答案,仍然不明白,所以我希望有人会告诉我该怎么做.

这就是我所拥有的:

视图

@{
  Layout = null;
}
<!DOCTYPE html>
<html>
<head>
  <title>LoadAjax</title>
  <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
  <script src="../../Scripts/jquery-ui-1.8.16.js" type="text/javascript"></script>
  <script src='../../Scripts/jquery.cookie.js' type="text/javascript"></script>
  <link rel='stylesheet' type='text/css' href='../../Content/skin/ui.dynatree.css' />
  <script src='../../Scripts/jquery.dynatree.js' type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#tree").dynatree({
        initAjax: { url: "/LoadAjax/GetNodes" }
      });

    });    
  </script>
</head>
<body>
  <div id="tree"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

CONTROLLER

  public ActionResult GetNodes()
    {
      var n1 = new DynaNode { title = "Node 1", key = "k1", isLazy = false };
      var n2 = new DynaNode { title = "Node 2", key = "k2", isLazy = false };
      var n3 = new DynaNode { title = "Node 3", key = "k3", isLazy = false };
      var nodeArray = new List<DynaNode> {n1, n2, n3};
      return Json(nodeArray);
    }
Run Code Online (Sandbox Code Playgroud)

  public class DynaNode
  {
    public string title { get; set; }
    public bool isFolder { get; set; }
    public bool isLazy { get; set; }
    public string key { get; set; } 
  }
Run Code Online (Sandbox Code Playgroud)

Pet*_*ies 6

好的,我发现了问题.我很尴尬地承认这是初学者的错误.

视图

initAjax: {
  type: "POST", // This was needed
   url: "/DynaTree/GetNodes"
}
Run Code Online (Sandbox Code Playgroud)

CONTROLLER

[HttpPost] // This was needed
public JsonResult GetNodes(string key)
Run Code Online (Sandbox Code Playgroud)