Я работаю над проектом MVC
, и я пытался отправить некоторые параметры моему контроллеру в JQuery
с использованием @Url.Action
.Ошибка при отправке параметров контроллеру через @ Url.Action в JQuery
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");
});
});
});
Однако метод удаления в контроллере команд не срабатывает. Я что-то упускаю?
UPDATE: кнопка 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>
}
Вы связываете обработчик событий с классом 'demo3' – Satpal
Извините, я сделал ошибку при копировании кода. На самом деле я создаю обработчик событий с демо-классом класса. Я обновлю вопрос – Hanady