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

2023-10-03 06:40| 来源: 网络整理| 查看: 265

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

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

后台已写好了删除操作的Action动作,需要在删除点击确认时调用即可。在这里插入图片描述我这边是用的模板, Demo:

提示信息是否确认对当前记录进行删除操作？如果是请点击确定按钮，否则请点取消。 ;

尝试方案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";

【本文地址】

公司简介

联系我们