ASP.NET MVC将按钮连接到控制器中的方法

时间:2013-05-28 14:13:51

标签: asp.net-mvc

我的视图中有两个按钮,当用户点击这两个按钮时,我想在我的数据库中添加一些信息。

<div class="container">
    <div class="btn-group" style="text-align: center">
        <h2>
            <font color="gray">Please Choose your Department</font></h2>
        <div class="btn-toolbar pagination-centered">
            <div class="btn-group">
                <button id="SARU" class="btn btn-inverse btn-large">
                    SARU</button>
                <div class="span1">
                    <button id="AN" class="btn btn-inverse :hover btn-large">
                        AN</button>
                </div>
    <script type="text/javascript">

        $('#SARU').click(function () {
            UserController.AddGroupSARU();
        });

        $('#AN').click(function () {
            UserController.AddGroupAN();
        });
     </script>    
              </div>
        </div>
    </div>  

,AddGroupSARU和AddGroupAN方法在Usercontroller中。我该怎么做?

2 个答案:

答案 0 :(得分:3)

使用jquery ajax调用action方法。您可以使用$.post方法。

$(function(){

    $('#SARU').click(function () {

        $.post("@Url.Action("AddGroupSARU","User")");
    });
});

Url.Action辅助方法将解析操作方法的正确路径并进行渲染。如果您查看页面的查看源,您将看到像

这样的js代码
$(function(){

    $('#SARU').click(function () {

       $.post("User/AddGroupSARU");
    });
});

使用[HttpPost]属性装饰您的操作方法。最好在HttpPost操作方法中保留数据更新/插入/ DELETION 操作,以便船只/搜索引擎不会破坏您的数据。

[HttpPost]
public ActionResult AddGroupSARU()
{
  // do something and return something
}

答案 1 :(得分:0)

你可以使用Jquery和ajax。我尝试使用Razor将按钮连接到控制器中的方法 喜欢这个..

<input style="width:100px;" type="button" title="EditHotelDetail" value="EditDetails"  onclick="location.href='@Url.Action("Edit", "Hotel")'" />

“编辑”是您的方法的名称 “酒店”是您的控制器名称