ASP.NET MVC 局部视图渲染

Question

我是 ASP.NET MVC 的初学者，我想要一个这样的网站：

• 加载所有 css/js 文件、订阅 JavaScript 事件、存储 JavaScript 变量的主页
• 在不重新加载页面内容的情况下替换页面内容的部分视图，并保留 JavaScript 变量等...

最好的方法是什么？

我试过了：

        $.ajax({
            url: '@Url.Action("Index", "Home")',
            data: { cardid: currentCardId },
            cache: false,
            type: "POST",
            dataType: "html",
            success: function (data) {
                SetData(data);
            }
        });

function SetData(data) {
    alert(data);
    $("#divPartialView").html(data);
}

在我的 HomeController 中，我返回一个 PartialView();

（它还没有工作，但它应该）

有没有简单/更好的方法？

我也试过了，但是没用：

$('#divPartialView').load(@Html.Action("Index", "Home")));

另外，我可以在 PartialView 中定义模型吗？

Answer 1

你的例子应该可以工作

这是一个工作示例

$.ajax({
      type: 'POST',
      url: '@Url.Action("ActionName", "ControllerName")',
      data: { id: $('#mycomponent').attr('data-id')},
      success: function (data2) {
                    $('#mydiv').html(data2);
               },
      error: function (a, b, c) {
            alert(a);
      }
});

我的控制器

public ActionResult ActionName(int id)
        {
            return PartialView("mypartialViewPath",id);
        }

局部视图

@model int
<div>
...content
</div>