HTML-Schaltfläche zum Aufrufen einer MVC-Controller- und Aktionsmethode

Ich weiß, dass dies nicht richtig ist, aber zur Veranschaulichung möchte ich so etwas tun:

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

Mein Ziel ist es, eine HTML-Schaltfläche zu erstellen, die die Aktionsmethode meines MVC-Controllers aufruft.

Sie müssen überhaupt kein Formular verwenden, es sei denn, Sie möchten Beiträge zur Aktion veröffentlichen. Eine Eingabeschaltfläche (nicht senden) reicht aus.

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

Die Rasiermessersyntax ist hier:

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

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

type = "button" verhindert das Senden von Seiten. Stattdessen führt es Ihre Aktion aus.

Versuche dies:

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

Dies sollte für Sie funktionieren.

Mit Url.Action können Sie angeben, dass die URL für eine Controller-Aktion generiert werden soll. Sie können also eine der folgenden Methoden verwenden:

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

oder:

<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>

Auf diese Weise können Sie Ihr Formular an einen bestimmten Controller und eine bestimmte Aktionsmethode in Razor senden.

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

Aufbauend auf einigen der oben genannten Antworten können Sie Folgendes tun:

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

Das HTML- <button>Element kann nur auf das Formular zurückgesetzt werden, in dem es enthalten ist.

Daher müssen Sie ein Formular erstellen, das POSTs für die Aktion erstellt, und dann ein <button>oder <input type="submit" />in das Formular einfügen .

Wenn Sie eine Fehlermeldung als "nicht abgeschlossene Zeichenfolgenkonstante" erhalten, verwenden Sie die folgende Rasierersyntax:

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

Verwenden Sie dieses Beispiel besser

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

Also benutze ich Razor, aber das wird auch funktionieren. Ich wickle im Grunde einen Knopf in einen Link.

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

Verwenden Sie, wenn Sie die Aktion in der Steuerung implementieren

return View("Index");

oder

return RedirectToAction("Index");

Dabei ist die Seite Index.cshtml (oder die Seite, die die Aktion generiert) bereits definiert. Andernfalls tritt wahrscheinlich der Fehler "Die Ansicht oder ihr Master wurde nicht gefunden ..." auf.

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

Trotz der onclick-Methode können Sie die Formatierung auch wie folgt verwenden:

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

Verwenden Sie dieses Beispiel:

<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>

Wenn Sie sich auf der Startseite ("/ Home / Index") befinden und die Indexaktion des Admin-Controllers aufrufen möchten, funktioniert Folgendes für Sie.

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

Verwenden Sie dieses Beispiel besser .

Rufen Sie Aktion und Controller mit einem ActionLink:

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

OK, Sie brauchen im Grunde die Aktion auf die Schaltfläche passieren und es nennen , wenn Klick geschieht, ist es nicht von innen eine sein muss, können Sie HTML verwenden , onclickauf Taste es ausgelöst wird, wenn die Schaltfläche geklickt bekommen ...

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

Sie können immer mit htmlHelpers herumspielen und ein paar Sachen bauen

    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);
        }
    }

Und dann auf der Ansicht nennen Sie es so

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