javascript - 如何对 javascript 事件执行 Html.Action？

Question

我在 cshtml 文件中有一个 div，它显示另一个操作的 View ，如下所示:

<div id="tabs-1ua">
  @Html.Action("Index", "Admin")
</div>

这在初始页面加载时加载良好。在一个单独的 js 文件中，我有一个 div 事件捕获器，如下所示:

$("a[href='#tabs-1ua']").click(function (event, ui) {

    $("#tabs-1ua").val("@Html.Action('Index', 'Admin')");

});

如上所示，val 参数与原始 div 中出现的 Razor 代码相同。但是，这并不能让我在每次激活 div 事件时执行的操作得到所需的结果。每次事件发生时激活 Razor 代码的正确方法是什么？我确保通过警报测试捕获了该事件，所以这不是问题。

谢谢。

Answer 1

您可以尝试使用ajax异步加载所需的内容，执行如下操作:

$("a[href='#tabs-1ua']").click(function (event, ui) {

   $.ajax({
       url: "/Admin/Index",
       data: {}
   }).done(function (htmlResponse) {
       $("#tabs-1ua").html(htmlResponse)
   });
});

这会加载 id=tabs-1ua 的 div 内的操作结果。

也许这是一个更简单的方法，如果我可以提供进一步的帮助，请告诉我