如何在 Jquery 中访问控制器操作结果？

Question

我正在编写多级菜单的代码。主菜单，即一级菜单在页面加载时加载。单击主菜单中的项目后，将创建子级菜单。 sulevel 菜单中的项目是由控制器中的操作结果创建的。因为它是 n 级子菜单，所以我使用 jquery 来填充子菜单。

以下是主菜单的代码，它是一个简单的列表。

    <ul>
    <li><a href="#" >item1</a>
    <li><a href="#">item2</a> </li>
    <li><a href="#">item3</a></li>
    <li><a href="#">item4 </a></li>
    </ul>

以下是控制器的操作结果，该控制器返回给定 ID 的菜单项的子项。

     public PartialViewResult SubItems(int id)
    {

            MyQueries obj = new MyQueries();
            ViewData["SubCategories"] = obj.getChildCategories(id);
            ViewData["Services"] = obj.getServices(id);
            return PartialView();


    }

我希望上面的细节能给你一个想法，我想编写一个jquery代码，一个锚点的点击事件..它接收作为项目文本的参数并使用控制器并创建子菜单。 例如，用户单击 item1，jquery 代码应将“item1”id 发送到返回子项的控制器。然后代码应创建包含子项的 UL lI 列表。我希望我说清楚了

Answer 1

我将使用 jquery ajax 执行 get 请求，并确保指定它从服务器接受的数据类型：

$('#anchorid').click(function() {
var returnData = $.ajax({ url: @Url.Action("subitems"),
type: "GET",
dataType: "json",
data: {"id": this.attr("id"),
});
//TODO:  build your list using returnData object

});

此代码远非完美，但应该让您了解如何使用 Ajax 返回请求。请注意，如果您要使用此技术，则不应在服务器上返回部分视图，而应返回 AJAX 期望的任何对象类型。以下是 jQuery AJAX 请求的参考资料： http://api.jquery.com/jQuery.ajax/