blocks|key|1295537|text|根本不需要使用表单，除非您想发布到操作。一个输入按钮(不是提交)就可以做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1295538|++<input+type="button"
+++++++++value="Go+Somewhere+Else"
+++++++++onclick="location.href='<%25:+Url.Action("Action",+"Controller")+%25>'"+/>|code-block|syntax|javascript|1295539|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>No need to use a form at all unless you want to post to the action. An input button (not submit) will do the trick.</p>

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


blocks|key|1080577|text|Razor语法如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1080578|<input+type="button"+value="Create"+onclick="location.href='@Url.Action("Create",+"User")'"+/>|code-block|syntax|javascript|1080579|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Razor syntax is here:</p>

<pre><code>&lt;input type="button" value="Create" onclick="location.href='@Url.Action("Create", "User")'" /&gt;
</code></pre>


blocks|key|1080871|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1080872|@Html.ActionLink("DisplayText",+"Action",+"Controller",+route,+attribute)|code-block|syntax|javascript|1080873|这对你来说应该是可行的。|1080874|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Try this:</p>

<pre><code>@Html.ActionLink("DisplayText", "Action", "Controller", route, attribute)
</code></pre>

<p>This should work for you.</p>


blocks|key|1295498|text|您可以使用Url.Action指定生成控制器操作的url，因此您可以使用以下任一方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1295499|<form+method="post"+action="<%25:+Url.Action("About",+"Home")+%25>">
+++<input+type="submit"+value="Click+me+to+go+to+/Home/About"+/>
</form>|code-block|syntax|javascript|1295500|或者：|1295501|<form+action="#">
++<input+type="submit"+onclick="parent.location='<%25:+Url.Action("About",+"Home")+%25>';return+false;"+value="Click+me+to+go+to+/Home/About"+/>
++<input+type="submit"+onclick="parent.location='<%25:+Url.Action("Register",+"Account")+%25>';return+false;"+value="Click+me+to+go+to+/Account/Register"+/>
</form>|1295502|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can use Url.Action to specify generate the url to a controller action, so you could use either of the following:</p>

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

<p>or:</p>

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


blocks|key|1081118|text|这就是如何在Razor中将表单提交给特定的控制器和操作方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1081119|+<input+type="submit"+value="Upload"+onclick="location.href='@Url.Action("ActionName",+"ControllerName")'"+/>|code-block|syntax|javascript|1081120|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This is how you can submit your form to a specific controller and action method in Razor.</p>

<pre><code> &lt;input type="submit" value="Upload" onclick="location.href='@Url.Action("ActionName", "ControllerName")'" /&gt;
</code></pre>


blocks|key|1295625|text|基于上面的几个答案，你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1295626|<button+onclick="location.href='@Url.Action("ActionName",+"ControllerName")'"+/>|code-block|syntax|javascript|1295627|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Building on couple of the above answers, you could do this:</p>

<pre><code>&lt;button onclick="location.href='@Url.Action("ActionName", "ControllerName")'" /&gt;
</code></pre>


blocks|key|1080432|text|HTML+<button>元素只能回发到包含它的表单。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1080433|因此，您需要创建一个发布到操作的表单，然后在表单中放置一个<button>或<input+type="submit"+/>。|1080434|entityMap^0|5|8|0|T|8|12|N|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

<p>The HTML <code>&lt;button&gt;</code> element can only postback to the form containing it.</p>

<p>Therefore, you need to make a form that POSTs to the action, then put a <code>&lt;button&gt;</code> or <code>&lt;input type="submit" /&gt;</code> in the form.</p>


blocks|key|1081280|text|最好使用这个例子|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1081281|​|1081282|<a+href="@Url.Action("Register","Account",+new+{id=Item.id+})"
class="btn+btn-primary+btn-lg">Register</a>|code-block|syntax|javascript|1081283|1081284|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>it's better use this example                   </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="@Url.Action("Register","Account", new {id=Item.id })"
class="btn btn-primary btn-lg"&gt;Register&lt;/a&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1295997|text|所以，我使用的是Razor，但这两种方法都可以正常工作。我基本上是在一个链接中包装一个按钮。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1295998|<a+href="Controller/ActionMethod">
++++<input+type="button"+value="Click+Me"+/>
</a>|code-block|syntax|javascript|1295999|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>So, I'm using Razor but this will work using either. I'm basically wrapping a button in a link. </p>

<pre><code>&lt;a href="Controller/ActionMethod"&gt;
    &lt;input type="button" value="Click Me" /&gt;
&lt;/a&gt;
</code></pre>


blocks|key|1081222|text|除了onclick方法之外，您还可以使用formaction，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1081223|<button+type="submit"+id="button1"+name="button1"+formaction='@Url.Action("Action",+"Controller")'>Save</button>|code-block|syntax|javascript|1081224|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Despite onclick Method you can also use formaction as follows: </p>

<pre><code>&lt;button type="submit" id="button1" name="button1" formaction='@Url.Action("Action", "Controller")'&gt;Save&lt;/button&gt;
</code></pre>


blocks|key|1295921|text|如果您得到的错误是“未终止的字符串常量”，请使用以下razor语法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1295922|<input+type="button"+onclick="@("location.href='"%2B+Url.Action("Index","Test")%2B+"'")"+/>|code-block|syntax|javascript|1295923|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>In case if you are getting an error as "unterminated string constant", use the following razor syntax :</p>

<pre><code>&lt;input type="button" onclick="@("location.href='"+ Url.Action("Index","Test")+ "'")" /&gt;
</code></pre>


blocks|key|1296122|text|当您在控制器中实现操作时，使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1296123|return+View("Index");|code-block|syntax|javascript|1296124|或|1296125|return+RedirectToAction("Index");|1296126|其中已经定义了Index.cshtml+(或生成操作的页面)页面。否则，您可能会遇到“未找到视图或其主控...”错误。|1296127|来源：https://blogs.msdn.microsoft.com/aspnetue/2010/09/17/best-practices-for-asp-net-mvc/|offset|length|1296128|entityMap|0|LINK|mutability|MUTABLE|url|https://blogs.msdn.microsoft.com/aspnetue/2010/09/17/best-practices-for-asp-net-mvc/^0|0|0|0|0|0|3|2C|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>When you implement the action in the controller, use</p>

<pre><code>return View("Index");
</code></pre>

<p>or</p>

<pre><code>return RedirectToAction("Index");
</code></pre>

<p>where Index.cshtml (or the page that generates the action) page is already defined. Otherwise you are likely encountering "the view or its master was not found..." error.</p>

<p>Source: <a href="https://blogs.msdn.microsoft.com/aspnetue/2010/09/17/best-practices-for-asp-net-mvc/" rel="nofollow noreferrer">https://blogs.msdn.microsoft.com/aspnetue/2010/09/17/best-practices-for-asp-net-mvc/</a></p>


blocks|key|1081356|text|使用此示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1081357|<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>|code-block|syntax|javascript|1081358|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Use this example :</p>

<pre><code>&lt;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;"&gt;valueButton&lt;/button&gt;
</code></pre>


blocks|key|1296334|text|在所有的建议中，nobdy使用了razor语法(这也适用于bootstrap风格)。这将创建一个按钮，该按钮将重定向到帐户控制器中的登录视图：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1296335|++++<form>
++++++++<button+class="btn+btn-primary"+asp-action="Login"+asp-+
+++controller="Account">@Localizer["Login"]</button>
++++</form>|code-block|syntax|javascript|1296336|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Of all the suggestions, nobdy used the razor syntax (this is with bootstrap styles as well). This will make a button that redirects to the Login view in the Account controller:</p>
<pre><code>    &lt;form&gt;
        &lt;button class=&quot;btn btn-primary&quot; asp-action=&quot;Login&quot; asp- 
   controller=&quot;Account&quot;&gt;@Localizer[&quot;Login&quot;]&lt;/button&gt;
    &lt;/form&gt;
</code></pre>


blocks|key|1080655|text|如果您在主页("/+home+/+Index+")，并且您想调用Admin控制器的Index操作，则以下操作将适用于您。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1080656|<li><a+href="/Admin/Index">Admin</a></li>|code-block|syntax|javascript|1080657|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you are in home page ("/Home/Index") and you would like to call Index action of Admin controller, following would work for you.</p>

<pre><code>&lt;li&gt;&lt;a href="/Admin/Index"&gt;Admin&lt;/a&gt;&lt;/li&gt;
</code></pre>


blocks|key|1296290|text|您可以随时尝试使用htmlHelpers并构建一些东西|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1296291|++++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);
++++++++}
++++}|code-block|syntax|javascript|1296292|然后在视图中这样调用它|1296293|@Html.BtnWithAction("btnCaretakerBack",+"Back",+"btn+btn-primary+float-right",+"Index",+"Caretakers")|1296294|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can always play around with htmlHelpers and build some stuff</p>

<pre><code>    public static IHtmlContent BtnWithAction(this IHtmlHelper htmlHelper, string id, string text, string css="", string action="", string controller="")
    {
        try
        {
            string str = $"&lt;button id=\"{id}\" class=\"{css}\" type=\"button\" ###&gt;{text}&lt;/button&gt;";
            if (!string.IsNullOrEmpty(action) &amp;&amp; !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 = "&lt;script&gt;alert(\"assumption is the mother of all failures\")&lt;/script&gt;";
            return new HtmlString(fkup);
        }
    }
</code></pre>

<p>And then on the view call it like this</p>

<pre><code>@Html.BtnWithAction("btnCaretakerBack", "Back", "btn btn-primary float-right", "Index", "Caretakers")
</code></pre>


<p>I know this isn't right, but for the sake of illustration I'd like to do something like this:</p>

<pre><code>&lt;%= Html.Button("Action", "Controller") %&gt;
</code></pre>

<p>My goal is to make an HTML button that will call my MVC controller's action method.</p>


HTML button calling an MVC Controller and Action method

我知道这是不正确的，但为了说明起见，我想这样做：<%= Html.Button("Action", "Controller") %>我的目标是制作一个HTML按钮，它将调用我的MVC控制器的操作方法。

问调用MVC控制器和操作方法的HTML按钮
EN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调用MVC控制器和操作方法的HTML按钮EN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调用MVC控制器和操作方法的HTML按钮
EN