如何對javascript事件執行Html.Action？

Question

我在cshtml文件中有一個div，它顯示了另一個操作的視圖，如下所示：

<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事件時都執行預期的操作。 每次事件發生時激活剃刀代碼的正確方法是什么？ 我確保通過測試警報來捕獲事件，所以這不是問題。

謝謝。

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中。

也許這是一種更簡單的方法，請告訴我是否可以提供進一步的幫助