.net core 如何弹窗显示修改成功
时间: 2023-12-16 12:03:03 浏览: 51
在 ASP.NET Core 中,你可以使用 JavaScript 或者 Razor 页面来实现弹窗显示修改成功的效果。
使用 JavaScript 实现弹窗显示修改成功的步骤如下:
1. 在你的页面中引入 jQuery 库和一个自定义的 JavaScript 文件:
```html
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="path/to/custom.js"></script>
```
2. 在你的控制器中,在修改操作成功后,将一个 flag 设置为 true,然后将其返回给视图:
```csharp
public IActionResult Edit()
{
// 修改操作成功后
ViewBag.ModifySuccess = true;
return View();
}
```
3. 在你的视图中,添加以下代码,用于判断是否显示弹窗:
```html
@if (ViewBag.ModifySuccess != null && ViewBag.ModifySuccess)
{
<script>
$(document).ready(function() {
showSuccessPopup();
});
</script>
}
```
4. 在你的自定义 JavaScript 文件(custom.js)中,定义 `showSuccessPopup` 函数来显示弹窗:
```javascript
function showSuccessPopup() {
// 使用你喜欢的弹窗插件或者自定义 CSS 样式来显示弹窗
alert("修改成功");
}
```
这样,当你的修改操作成功后,页面会刷新并自动调用 JavaScript 函数来显示弹窗。
另外,如果你使用 Razor 页面而不是普通的视图文件,你可以直接在 Razor 页面中使用 `alert()` 函数来显示弹窗。你可以在修改操作成功后的 Razor 页面中添加以下代码:
```html
@if (ViewBag.ModifySuccess != null && ViewBag.ModifySuccess)
{
<script>
alert("修改成功");
</script>
}
```
希望这些步骤能够帮助你实现弹窗显示修改成功的效果。如果你有任何疑问,请随时追问。