以下是一个使用Asp.net核心视图设计和视图组件中的ajax的示例代码:
视图代码(Index.cshtml):
@model List
Ajax示例
@foreach (var item in Model)
{
- @item
}
@section scripts {
}
控制器代码(HomeController.cs):
using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
namespace YourNamespace.Controllers
{
public class HomeController : Controller
{
public IActionResult Index()
{
// 初始化视图模型数据
List model = new List { "数据1", "数据2", "数据3" };
return View(model);
}
public IActionResult GetData()
{
// 模拟从数据库或其他数据源获取数据
List data = new List { "新数据1", "新数据2", "新数据3" };
return Json(data);
}
}
}
在这个示例中,我们有一个视图(Index.cshtml),它显示一个列表和一个按钮。当用户点击按钮时,将通过Ajax请求数据。控制器(HomeController.cs)具有两个动作:Index动作返回视图,并通过模型传递数据列表;GetData动作返回一个Json结果,模拟从数据源获取数据。Ajax请求在点击按钮时触发,发送GET请求到GetData动作,并在成功时更新列表。
请注意,这个示例使用了jQuery库,所以你需要在视图中引用jQuery库。