如何在Jquery函数中使用@Html.PartialView(“XXX”)

本文关键字:PartialView XXX @Html Jquery 函数 | 更新日期: 2023-09-27 17:58:53

我有一个用原始HTML更新div的函数。但是,原始HTML在另一个.CSHTML文档中。

我的功能是:

function Demo(){
$('#ContainerDiv').html('@Html.Partial("MyPartialView")');
}

出于某种原因,每当我在函数中包含部分视图时,我的控制台就会显示它无法定位文档。

一旦我删除@Html.PartialView("MyPartialView")并将其包含在文档正文中,它就会加载良好。

关于为什么这不起作用,或者有更好的方法吗?

谢谢,标记

如何在Jquery函数中使用@Html.PartialView(“XXX”)

您的局部视图可能包含换行符,这会导致多行字符串文本,而这些文本在js中无效。我看到两个选项:当页面加载时,在隐藏的div中渲染部分视图,并在需要时将其移动到#ContainerDiv,或者稍后使用ajax获取内容。

您可以调用一个操作,然后用生成的HTML填充容器。

例如:

行动:

public PartialViewResult GetPartial() {
    return PartialView("MyPartialView");
}

JQuery:

$.get('@Url.Action("GetPartial")').done(function(response){
    $('#ContainerDiv').html(response)
}

我一直使用.load()和部分视图的url。像这样:

function Demo(){
$('#ContainerDiv').load('@Html.Raw(Url.Action("MyPartialView"))');
}

编辑:忘记将.html()更改为.load()