MVC JS动态添加 @Html.Partial
时间: 2023-10-03 21:05:55 浏览: 52
在MVC中,可以使用JavaScript动态添加@Html.Partial视图。以下是一个简单的示例:
1. 在视图中定义一个容器,例如一个div:
```html
<div id="partialContainer"></div>
```
2. 创建一个JavaScript函数来加载部分视图:
```javascript
function loadPartialView(url) {
$.ajax({
url: url,
success: function (data) {
$('#partialContainer').html(data);
}
});
}
```
3. 在控制器中创建一个部分视图:
```csharp
public PartialViewResult MyPartialView()
{
return PartialView("_MyPartialView");
}
```
4. 在主视图中调用JavaScript函数并传递部分视图的URL:
```html
<button onclick="loadPartialView('@Url.Action("MyPartialView", "ControllerName")')">Load Partial View</button>
```
在单击按钮时,JavaScript函数将使用Ajax从服务器加载部分视图,并将其添加到容器中。如果需要传递参数,可以在JavaScript函数中添加参数并在控制器中接收它们。