Bonjour,
J'ai fait une suppression par ajax et je rencontre un probleme. Le code marche tres bien mais je ne peux pas effectuer deux suppression sans recharger la page
Ce que je fais
Code HTML
<form style="display: inline" action="/customers/delete/{{ customer.id }}" method="post">
{{ csrf_input() }}
<button class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Supprimer</button>
</form>
Code JS
(function ($) {
$('.table').one('click', '.btn-danger', function (e) {
e.preventDefault()
let csrf = $("input[name='_csrf']").val()
let $btn = $(this)
let url = $btn.parents('form').attr('action')
$.ajax(url, {
type: 'POST',
data: {'_csrf' : csrf }})
.done(function (data, text, jqxhr) {
$btn.parents('tr').fadeOut()
})
.fail(function (jqxhr) {
alert(jqxhr.responseText)
})
.always(function () {
$btn.text('Chargement')
})
})
})(jQuery)