1. 首先，在视图页面中添加弹出框的 HTML 元素以及需要刷新的局部视图容器元素。

2. 使用 Jquery 实现在弹出框中加载局部试图，并自动刷新容器元素。

// 在打开弹出框时加载需要编辑或添加的数据 function editItem(itemId){ $.ajax({ url: '/ControllerName/Edit/' + itemId, type: 'GET', success: function(response){ $('#myModal .modal-body').html(response); $('#myModal').modal('show'); } }) }

// 在弹出框中点击保存按钮后提交保存数据并自动刷新容器元素 $('#mySaveBtn').click(function(){ $.ajax({ url: '/ControllerName/Save', type: 'POST', data: $('form#myFormId').serialize(), success: function(response){ $('#myModal').modal('hide'); $('#myPartialViewContainer').html(response); } }) })

3. 在控制器方法中进行数据处理，并返回局部视图。

[HttpGet] public IActionResult Edit(int id) { // 从数据库或其他数据源中获取需要编辑