Forum : Csrf Token avec Ajax

mk.akpabla, 03-02-2019 19:53:41

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)

Pierrot01, 03-02-2019 21:21:54

La doc pour l'event .one :
"Description: Attach a handler to an event for the elements. The handler is executed at most once per element per event type."
traduction : Le gestionnaire est exécuté au plus une fois par élément et par type d'événement.

.one c'est pas .two :D :D

a++

TheTakylo, 04-02-2019 09:51:55

Si tu veut capturer plusieurs fois le même event tu as juste a faire comme ça

$('.table .btn-danger').on('click', function (e) {
        e.preventDefault()
        // ....
    })

Csrf Token avec Ajax

Ce que je fais

2 Réponse