Botão HTML que chama um método MVC Controller and Action

Eu sei que isso não está certo, mas para fins de ilustração, eu gostaria de fazer algo assim:

<%= Html.Button("Action", "Controller") %>

Meu objetivo é criar um botão HTML que chame o método de ação do meu controlador MVC.

Não é necessário usar um formulário, a menos que você queira postar na ação. Um botão de entrada (não enviar) fará o truque.

  <input type="button"
         value="Go Somewhere Else"
         onclick="location.href='<%: Url.Action("Action", "Controller") %>'" />

A sintaxe do Razor está aqui:

<input type="button" value="Create" onclick="location.href='@Url.Action("Create", "User")'" />

<button type="button" onclick="location.href='@Url.Action("MyAction", "MyController")'" />

type = "button" impede o envio da página. em vez disso, executa sua ação.

Tente o seguinte:

@Html.ActionLink("DisplayText", "Action", "Controller", route, attribute)

Isso deve funcionar para você.

Você pode usar Url.Action para especificar gerar a URL para uma ação do controlador, para usar um dos seguintes:

<form method="post" action="<%: Url.Action("About", "Home") %>">
   <input type="submit" value="Click me to go to /Home/About" />
</form>

ou:

<form action="#">
  <input type="submit" onclick="parent.location='<%: Url.Action("About", "Home") %>';return false;" value="Click me to go to /Home/About" />
  <input type="submit" onclick="parent.location='<%: Url.Action("Register", "Account") %>';return false;" value="Click me to go to /Account/Register" />
</form>

É assim que você pode enviar seu formulário para um controlador e método de ação específicos no Razor.

 <input type="submit" value="Upload" onclick="location.href='@Url.Action("ActionName", "ControllerName")'" />

Com base nas respostas acima, você pode fazer o seguinte:

<button onclick="location.href='@Url.Action("ActionName", "ControllerName")'" />

O HTML <button> elemento pode postar apenas no formulário que o contém.

Portanto, você precisa criar um formulário que poste para a ação e, em seguida, colocar um <button>ou <input type="submit" />no formulário.

Caso esteja recebendo um erro como "constante de sequência não terminada", use a seguinte sintaxe:

<input type="button" onclick="@("location.href='"+ Url.Action("Index","Test")+ "'")" />

Apesar do método onclick, você também pode usar a formação da seguinte maneira:

<button type="submit" id="button1" name="button1" formaction='@Url.Action("Action", "Controller")'>Save</button>

é melhor usar este exemplo

<a href="@Url.Action("Register","Account", new {id=Item.id })"
class="btn btn-primary btn-lg">Register</a>

Então, eu estou usando Razor, mas isso vai funcionar usando qualquer um. Estou basicamente quebrando um botão em um link.

<a href="Controller/ActionMethod">
    <input type="button" value="Click Me" />
</a>

Ao implementar a ação no controlador, use

return View("Index");

ou

return RedirectToAction("Index");

onde a página Index.cshtml (ou a página que gera a ação) já está definida. Caso contrário, você provavelmente encontrará o erro "a visualização ou seu mestre não foi encontrado ...".

Fonte: https://blogs.msdn.microsoft.com/aspnetue/2010/09/17/best-practices-for-asp-net-mvc/

Use este exemplo:

<button name="nameButton" id="idButton" title="your title" class="btn btn-secondary" onclick="location.href='@Url.Action( "Index","Controller" new {  id = Item.id })';return false;">valueButton</button>

Se você estiver na página inicial ("/ Página inicial / Índice") e desejar chamar a ação Index do Admin controller, o seguinte funcionaria para você.

<li><a href="/Admin/Index">Admin</a></li>

é melhor usar este exemplo .

Chame a ação e o controlador usando um ActionLink:

@Html.ActionLink("Submit", "Action", "Controller", route, new { @class = "btn btn-block"})

OK, você basicamente precisa passar a ação para o botão e chamá-lo quando o clique acontece, ele não precisa estar dentro de um from, você pode usar o botão HTML onclickon para acioná-lo quando o botão for clicado ...

<button id="my-button" onclick="location.href='@Url.Action("YourActionName", "YourControllerName")'">Submit</button>

Você sempre pode brincar com os htmlHelpers e criar algumas coisas

    public static IHtmlContent BtnWithAction(this IHtmlHelper htmlHelper, string id, string text, string css="", string action="", string controller="")
    {
        try
        {
            string str = $"<button id=\"{id}\" class=\"{css}\" type=\"button\" ###>{text}</button>";
            if (!string.IsNullOrEmpty(action) && !string.IsNullOrEmpty(controller))
            {                    
                string url = ((TagBuilder)htmlHelper.ActionLink("dummy", action, controller)).Attributes["href"];
                var click = !string.IsNullOrEmpty(url) ? $"onclick=\"location.href='{url}'\"" : string.Empty;
                return new HtmlString(str.Replace("###", click));
            }
            return new HtmlString(str.Replace("###", string.Empty));
        }
        catch (Exception ex)
        {
            Log.Error(ex, ex.Message);
            var fkup = "<script>alert(\"assumption is the mother of all failures\")</script>";
            return new HtmlString(fkup);
        }
    }

E então, na vista, chame assim

@Html.BtnWithAction("btnCaretakerBack", "Back", "btn btn-primary float-right", "Index", "Caretakers")