ASP.NET Core Razor Pages在AJAX POST后更新嵌套HTML表的局部视图
创始人
2024-09-15 11:00:43
0

以下是使用ASP.NET Core Razor Pages在AJAX POST后更新嵌套HTML表的局部视图的解决方法的代码示例:

  1. 创建一个Razor页面(例如Index.cshtml):
@page
@model IndexModel

@foreach (var item in Model.Users) { }
Name Email
@item.Name @item.Email
  1. 创建一个模型(例如Index.cshtml.cs):
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; }
}
  1. 创建一个局部视图(例如_NestedTable.cshtml):
@model List


        @foreach (var item in Model)
        {
            
        }
    
Name Email
@item.Name @item.Email

通过点击"Add User"按钮,将会发起一个AJAX POST请求,在服务器端添加一个新用户,并返回更新后的局部视图,然后使用jQuery将更新后的局部视图替换掉原来的表格。

相关内容

热门资讯

第十分钟辅助!顺欣茶楼辅助软件... 第十分钟辅助!顺欣茶楼辅助软件,上品游戏辅助软件(一分钟了解开挂辅助工具);1、超多福利:超高返利,...
1分钟辅助!潮汕汇鱼虾蟹辅助,... 1分钟辅助!潮汕汇鱼虾蟹辅助,潮友潮汕木虱辅助(透视教程开挂辅助下载);潮友潮汕木虱辅助免费下载原版...
第9分钟辅助!蘑菇云辅助怎么使... 第9分钟辅助!蘑菇云辅助怎么使用,微信呢小程序微乐房间怎么开挂(我来分享开挂辅助工具);大家肯定在之...
第七分钟辅助!wepoker辅... 【福星临门,好运相随】;第七分钟辅助!wepoker辅助器是真的吗,闲逸斗地主辅助(透视app开挂辅...
八分钟辅助!智星菠萝可以辅助吗... 【福星临门,好运相随】;八分钟辅助!智星菠萝可以辅助吗,新道游开挂辅助透视(重大通报开挂辅助神器);...
辅助开挂!四川游戏家园辅助软件... 辅助开挂!四川游戏家园辅助软件,hhpkoer辅助器(透视)开挂辅助软件(有人有挂);1、不需要AI...
辅助开挂!博雅红河西元红河破解... 辅助开挂!博雅红河西元红河破解版,德州透视是真的吗(透视)开挂辅助平台(新版有挂);博雅红河西元红河...
开挂辅助!好友赣南新版本可以作... 开挂辅助!好友赣南新版本可以作假吗,hhpoker免费透视脚本(透视)开挂辅助神器(讲解有挂);小薇...
开挂辅助!微乐小程序辅助,德州... 开挂辅助!微乐小程序辅助,德州局hhpoker(透视)开挂辅助工具(有挂辅助);1、让任何用户在无需...
开挂辅助!雀友会潮汕麻将开挂辅... 开挂辅助!雀友会潮汕麻将开挂辅助,wepoker永久免费脚本(透视)开挂辅助软件(的确有挂);1、很...