Кнопка Ajax не работает в приложении asp.net mvc

Question

Я делаю приложение MVC ASP.NET на C #, и мне нужно добавить событие кнопки, чтобы что-то сделать.

Поэтому, следуя некоторому руководству, я попробовал это в файле .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");

}

Это в основном пусто. Я пытался выяснить, был ли хотя бы вызван метод, и с помощью отладки, которую я видел, он не вызывался.

Answer 1

Попробуйте добавить класс или идентификатор к кнопке, а затем подключите его.

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

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