Ajax 按钮在 asp.net mvc 应用程序中不起作用答案

【问题标题】：Ajax button not working in asp.net mvc appAjax 按钮在 asp.net mvc 应用程序中不起作用
【发布时间】：2019-10-24 10:33:50
【问题描述】：

我正在用 C# 制作一个 MVC ASP.NET 应用程序，我需要添加一个按钮事件才能执行某些操作。

所以按照一些教程，我在 .cshtml 文件中尝试了这个：

<button>Next</button>

<script>
    $(document).ready(function () {
        $("button").click(function () {
            $.ajax({
                type: "post",
                url: "/Accounts/Btn_Click",
                success: function () {
                    alert("Ok");
                }
            });
        });
    });
</script>

顺便说一句，单击按钮，什么也没有发生……那么，我错过了什么吗？同样通过调试，我看到单击按钮，甚至没有调用方法“Btn_Click”。感谢您的帮助。

编辑：这是控制器方法：

[HttpPost]
public ActionResult Btn_Click()
{
    return Content("Ok");

}

基本上是空的。我试图查看该方法是否至少被调用，并且通过调试我看到它没有被调用。

【问题讨论】：

可以分享按钮的HTML吗？您可能还希望它在 Ajax 中使用错误回调来查看服务器是否返回任何错误。
您可以发布您尝试访问的控制器端点吗？
我尝试了之前发布的以及 type=button id="btn_id" 但结果相同
如果按钮根本没有被点击。您是否验证了 jQuery 插件并且页面上的所有内容都已正确加载。
打开浏览器开发者控制台，看看有没有脚本错误

标签： c# ajax asp.net-mvc

【解决方案1】：

尝试向按钮添加一个类或一个 ID，然后将其连接起来。

<button id="next-btn">Next</button>

$(document).ready(function () {
    $("#next-btn").click(function () {
        $.ajax({
            type: "post",
            url: "/Accounts/Btn_Click",
            success: function () {
                alert("Ok");
            }
        });
    });
});

【讨论】：