asp.net mvc ajax 异步刷新例子
时间: 2023-06-29 12:19:48 浏览: 139
asp.net异步刷新案例
3星 · 编辑精心推荐
以下是一个简单的 ASP.NET MVC Ajax 异步刷新的例子:
1. 创建一个控制器方法,该方法将返回一个 PartialViewResult 类型的结果:
```csharp
public PartialViewResult GetPartialView()
{
// 从数据库或其他数据源中获取数据
var data = GetDataFromDatabase();
// 将数据传递给视图
return PartialView("_PartialViewName", data);
}
```
2. 在视图中使用 Ajax 异步加载该部分视图:
```javascript
$(document).ready(function () {
// 找到包含部分视图的容器元素
var container = $("#container");
// 使用 Ajax 加载部分视图
$.ajax({
url: "@Url.Action("GetPartialView", "ControllerName")",
success: function (result) {
// 在容器元素中显示部分视图
container.html(result);
}
});
});
```
3. 在视图中添加包含部分视图的容器元素:
```html
<div id="container">
<!-- 部分视图将在此处显示 -->
</div>
```
4. 创建部分视图(_PartialViewName.cshtml),在其中显示数据:
```html
@model IEnumerable<DataModel>
@foreach (var item in Model)
{
<div>@item.Name</div>
<div>@item.Value</div>
}
```
此代码将从数据库中获取数据,并使用 Ajax 异步加载部分视图,视图将在包含部分视图的容器元素中显示。注意,在第 2 步中,您需要将“ControllerName”替换为您的控制器名称。
阅读全文