jquery - 如何让 jQuery FancyTree 调用我的数据方法？

Question

在我的 TestPage.aspx 文件中，我有以下代码：

<script type="text/javascript">
    $(function () {
        // Create the tree inside the <div id="tree"> element.
        $("#tree").fancytree({
            source: { url: "/GetTreeData", cache: false },
            checkbox: true
        });
    });
</script>

我对使用 jQuery 控件和进行 ajax 调用有点陌生，但我认为这会在定义为的代码中调用我的方法：

[WebMethod]
[ScriptMethod( UseHttpGet = true, ResponseFormat = ResponseFormat.Json, XmlSerializeString = false )]
public static object GetTreeData()
{
    List<TreeNode> nodes = new List<TreeNode>()
    {
        new TreeNode()
        {
            key = "1",
            title = "Node1"
        },

        new TreeNode()
        {
            key = "2",
            title = "Node2",
            children = new List<TreeNode>() { new TreeNode() { key = "2.1", title = "Node 2.1" } }
        }
    };

    return nodes;
}

但是它从不调用该方法，我知道这是因为我在它的开头放置了一个断点并且它永远不会被命中（并且树只显示一个加载图片）。谁能告诉我我在这里做错了什么？

Answer 1

source: { url: "/GetTreeData", cache: false }

应替换为：

source: { url: "/TestPage.aspx/GetTreeData", cache: false }