ASP.NET JavaScript onClick 函数答案

【问题标题】：ASP.NET JavaScript onClick functionASP.NET JavaScript onClick 函数
【发布时间】：2021-08-22 11:40:55
【问题描述】：

我有一个 index.cshtml 页面，里面有一个按钮：

 <div>
    @Html.EslButton(T("Create Request").ToString(), "createRequestBtn")

</div>

然后我在同一页面中有一个 javascript onclick 函数

   $("#createRequestBtn").on('click', function (event) {

        event.preventDefault(event);
    });

在我的 HomeController.cs 中有一个名为 CreateRequests 的函数：

 public ActionResult CreateRequests(ViewModel model)
        {


            return new EmptyResult();

        }

问题

如何通过点击按钮进入Controller中的CreateRequests方法？

谢谢！

【问题讨论】：

preventDefault 不带任何参数。最好说出您使用的是什么类型的 ASP.NET； Web 表单、MVC、Razor 页面等。在这种情况下，很明显您正在使用 MVC，但最好能具体一点。
这能回答你的问题吗？ Calling ASP.NET MVC Action Methods from JavaScript
@HereticMonkey 我已经得到了答案。不过还是谢谢！
您是否已经得到答案并不重要。问题不在于你；这是关于成千上万的其他人在你之后提出同样的问题。我们不希望他们必须筛选有关如何完成这项任务的 235 个问题，而对于如何完成这项任务只有一个答案，而我们已经得到了答案。相反，我们将他们指向一个具有规范答案的问题。关闭一个重复的问题不是惩罚！这是一件好事。您的问题是其他人找到标准答案的路标。
关闭问题不会删除问题（或答案）。它只是通知那些通过搜索找到此问题的人，该问题已在其他地方得到解答。

标签： javascript html asp.net

【解决方案1】：

$("#createRequestBtn").on('click', function (event) {

    event.preventDefault(event);

    var xhr = new XMLHttpRequest();
    xhr.open("post", "/Home/CreateRequests");
    xhr.send();

});

但你应该删除模型参数

public ActionResult CreateRequests()
{

   return new EmptyResult();

}

【讨论】：

像魅力一样工作。谢谢！