在 ASP.NET MVC 中单击按钮答案

【问题标题】：Button click in ASP.NET MVC在 ASP.NET MVC 中单击按钮
【发布时间】：2023-02-17 11:52:44
【问题描述】：

我试图了解这个 ASP.NET MVC 与 webforms 相比如何工作，所以我试图简单地调用任何方法来做最基本的事情，将一些文本打印到控制台，或更改标签的文本。

事实证明这几乎是不可能的，所以我试图查找它，我能找到的所有东西都需要首先在控制器中创建方法，这可以很好，但是它需要添加相应的 cshtml 文件，在上面放一些标签在那里，当您单击那个东西时，您将从新的 cshtml 获得页面，但这不是我想要的，这是一个如何从我能够找到的内容中完成的示例。

在HomeController：

namespace WebApplication9.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult About()
        {
            ViewBag.Message = "Your application description page.";

            return View();
        }

        public ActionResult ClickTest()
        {
            ViewBag.Message = "ClickTest.";
            Debug.WriteLine("Damn...");
            return View();
        }

        public ActionResult Contact()
        {
            ViewBag.Message = "Your contact page.";

            return View();
        }
    }
}

在视图 -> 共享 -> _Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" title="more options">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div id="test-nav" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Click", "ClickTest", "Home")</li>
                </ul>
           </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

最后一步是在 Views -> Home 中添加 ClickTesty.cshtml，但这根本不是我想要做的，我能够找到的所有点击示例都显示了这种方法，除了他们做其他事情，但是如果我只想更改标签文本或隐藏当前页面上的内容而不是新页面怎么办？我找不到任何有关如何使用 C# 执行此操作的信息，在网络表单中，即使使用 javascript，也可以在当前页面上更改某些文本或隐藏某些内容，但在这里我找不到方法。

【问题讨论】：

标签： c# asp.net-mvc events

【解决方案1】：

要在 Visual Studio 中查看 Debug.WriteLine，您可以执行以下操作：

添加此代码：
```
<input type="button" value="Click here to debug log" onclick="location.href='@Url.Action("ClickTest", "Home")'" />
```
在您的应用程序的“主要”标签内
1. HomeController 应如下所示：
```
public IActionResult ClickTest()
{
    Debug.WriteLine("Damn...");
    return View("Index");
}
```
1. 在调试模式下运行应用程序（默认为 F5）
2. 转到主页，单击“单击此处调试日志”按钮
3. 您将在“输出”窗格中看到您的 Debug.WriteLine
您现在在代码上所做的是重定向到不存在的不同视图。因此，返回 View("Index") 可以避免出现错误并查看您的日志。

【讨论】：