我工作的一个MVC
项目,我一直想把一些参数发送到我的控制器JQuery
使用@Url.Action
。
HTML代码:
<button class="btn btn-white btn-sm demo1" data-id='@item.TeamID'>Delete</button>
jQuery代码:
$(document).ready(function () {
$('.demo1').click(function (event) {
swal({
title: "Are you sure?",
text: "You will not be able to recover this team!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
}, function () {
var data = event.data;
var id = data.id;
var url = '@Url.Action("Delete", "Teams", new { id = "__param__" })';
window.location.href = url.replace('__param__', encodeURIComponent(id));
swal("Deleted!", "Your team has been deleted.", "success");
});
});
});
但是,不会触发Teams控制器中的Delete方法。我想念什么吗?
更新: HTML按钮位于foreach
循环内:
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.TeamName)
</td>
<td>
@Html.DisplayFor(modelItem => item.TeamInits)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id = item.TeamID }, new { @class = "btn btn-white btn-sm" })
<button class="btn btn-white btn-sm demo1" data-id='@item.TeamID'>Delete</button>
</td>
</tr>
}
使用HTMLElement.dataset属性或.data()
读取自定义data-*
前缀属性值。
$(document).ready(function () {
$('.demo1').click(function (event) {
var id = this.dataset.id;
//OR
var id = $(this).data('id');
//Rest of the code
swal();
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句