MVC中点击input按钮去调用指定的Controller下的Action动作方法

今天分享的案例,也是困扰我一下午,但一大早起来就找到了解决方案。

在后台管理中,比如删除某一个指定的用户时,会弹出一个对话框,点击确认按钮后,才删除当前用户.

后台已写好了删除操作的Action动作,需要在删除点击确认时调用即可。

我这边是用的模板,
Demo:

<div class="tip">
<div class="tiptop"><span>提示信息</span><a></a></div>
<div class="tipinfo">
   <span><img src="/Content/Admin/images/ticon.png" /></span>
   <div class="tipright">
       <p>是否确认对当前记录进行删除操作？</p>
       <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
   </div>
</div>
<div class="tipbtn">
   <input name="confirm" type="button" id="sureBtn" class="sure" value="确定" onclick="location.href='@Url.Action("UseDelete","User",new {id=5})'"/>&nbsp;
   <input name="cancle" type="button" class="cancel" value="取消" />
</div>
</div>

尝试方案1:
在button的onclick属性中注入代码:

onclick="location.href='@Url.Action("UseDelete","User",new {id=5})'"

经过测试这种方案是可行的,但需要动态传入id参数值。
然后我试图点击删除按钮时,获取当前记录的userId,动态注入onclick属性值,发现注入失败。

$("#sureBtn").prop("onclick","location.href='/Admin/User/UseDelete/+"+userId+"'");

在控制台直接运行也无法注入:
去掉onclick属性,代码运行注入测试


看来是onclick属性是不支持代码注入的方式吧。
加上onclick属性值,然后Jquery获取onclick属性值:

所以通过代码我们可以看到,可以在button的click事件中,去注入location.href,
页面跳转的方式实现动作方法的调用
实际onclick属性就是触发按钮的点击事件,所以调整解决方案:
在click点击事件里,去调用Action动作方法:

var userId = 0;
$(".click").click(function () {
    console.log($(this));
    var ele = $(this).parents("tr").children("td:eq(2)");
    userId = ele.text();
    $(".tip").fadeIn(200);
});

$(".sure").click(function (event) {
 $(".tip").fadeOut(100);
 location.href = "/Admin/User/UseDelete/" + userId;
});

总结:
思路要打开,我主要是想在onclick属性注入然后直接调用,事实是不受支持,
要转变一下方式。
还有就是,如果想在View中,指定条件下进行重定向(实现页面跳转),可以这样操作:

window.location.href = "/Controller/Action";