Tengo varios inputs que los cargo con un foreach con Razor.
<table class="table">
@foreach (var item in Model.Municipalities)
{
<tr>
<td>
@Html.DisplayFor(x => item.Name)
</td>
<td>
<input class="btn btn-danger" type="button" value="Delete" onclick="SweetAlert(@item.MunicipalityId)" />
</td>
</tr>
}
</table>
como pueden ver tiene un evento onclick y necesito que cuando haga success, se borre sin cargar la pagina y esto es lo que tengo pero no me funciona.
function () {
$.ajax({
type: "POST",
url: '@Url.Action("DeleteMunicipality")',
data: { MunicipalityId: id },
datatype: "html",
//success: function (data) {
// //codigo
//}
success: function () {
swal('Deleted!',
'Your imaginary file has been deleted.',
'success'
);
$(this).remove();
},
error: function () {
swal("Oops", "We couldn't connect to the server! or The record can't be delete.(has related records)", "error");
}
});
return false;
}
$(this)
, no es el control que esperas.