C# core web 弹出消息框
时间: 2023-08-09 11:05:43 浏览: 115
在 ASP.NET Core Web 应用程序中,不能直接使用 JavaScript 的 `alert` 方法弹出消息框,因为它涉及到与客户端的交互,而 ASP.NET Core 采用的是基于服务器的代码模型。不过,可以使用 JavaScript 的替代方法,在客户端上弹出消息框。
1. 在 HTML 页面中添加一个按钮,并在该按钮的 `onclick` 事件中调用 JavaScript 方法。
```html
<button onclick="showMessage()">点击查看消息</button>
```
2. 在 JavaScript 中编写 `showMessage` 方法,使用 `console.log` 方法将消息输出到控制台。
```javascript
function showMessage() {
console.log("这是一条消息!");
}
```
3. 在 C# 中,可以使用 `IJSRuntime` 接口在客户端上执行 JavaScript 代码,从而在 Web 页面中弹出消息框。
```csharp
using Microsoft.AspNetCore.Mvc;
using Microsoft.JSInterop;
using System.Threading.Tasks;
public class HomeController : Controller
{
private readonly IJSRuntime _jsRuntime;
public HomeController(IJSRuntime jsRuntime)
{
_jsRuntime = jsRuntime;
}
public async Task<IActionResult> Index()
{
string script = "showMessage()";
await _jsRuntime.InvokeVoidAsync("eval", script);
return View();
}
}
```
在 `Index` 方法中,使用 `IJSRuntime` 接口调用 `eval` 方法执行 JavaScript 代码,从而在客户端上弹出消息框。
当用户单击按钮时,将会在客户端上弹出一个消息框,显示文本为“这是一条消息!”。