ASPNetCoreMVC利用Jquery弹出模态框实现添加或编辑后局部视图自动刷新。 _编程开发

ASPNetCoreMVC利用Jquery弹出模态框实现添加或编辑后局部视图自动刷新。

创始人

2024-09-20 08:32:27

0次

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

使用 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); } }) })

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

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

上一篇：ASPNETCoreMVC编译失败，但没有显示任何错误。

下一篇：ASPNETCoreMVC如何从模型属性显示Cshtml？

ASPNetCoreMVC利用Jquery弹出模态框实现添加或编辑后局部视图自动刷新。

相关内容

热门资讯