以下是使用ASP.NET Core Razor Pages在AJAX POST后更新嵌套HTML表的局部视图的解决方法的代码示例:
@page
@model IndexModel
Name
Email
@foreach (var item in Model.Users)
{
@item.Name
@item.Email
}
using System.Collections.Generic;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
public class IndexModel : PageModel
{
public List Users { get; set; }
public void OnGet()
{
Users = new List
{
new User { Name = "John", Email = "john@example.com" },
new User { Name = "Jane", Email = "jane@example.com" }
};
}
public PartialViewResult OnPostAddUser()
{
Users.Add(new User { Name = "New User", Email = "newuser@example.com" });
return Partial("_NestedTable", Users);
}
}
public class User
{
public string Name { get; set; }
public string Email { get; set; }
}
@model List
Name
Email
@foreach (var item in Model)
{
@item.Name
@item.Email
}
通过点击"Add User"按钮,将会发起一个AJAX POST请求,在服务器端添加一个新用户,并返回更新后的局部视图,然后使用jQuery将更新后的局部视图替换掉原来的表格。