Requisição Ajax Duplicada

[wevertonvsky 0]

Olá, eu criei um modal que faz a exclusão de dados. Na primeira execução, ele funciona corretamente, porém na segunda ele faz a requisição ajax duplicada. Esse é o script que criei:

  // Responsável por confirmar e deletar dados via Ajax!
    function requestdel(delid, type) {
        // Requisita o título do item a ser excluído!
        var actionRead = 'readdelete'+type;
        $.ajax({
            url: 'ajax/ajax.php',
            data: {action: actionRead, delid: delid},
            type: 'POST',
            dataType: 'Json',
            beforeSend: function () {

            },
            success: function (updtd) {
                if (updtd.deletecategory) {
                    $('#categorID').html(' <div id="categorID" class="idn" data-id="' + updtd.deletecategory[0] + '"></div>');
                    span = document.getElementById("js_text");
                    txt = document.createTextNode(updtd.deletecategory[1]);
                    span.innerText = txt.textContent;
                } else if (updtd.denied) {
                    $(window.document.location).attr('href', updtd.denied);
                }
            }
        });

      //Executa a exclusão da categoria via Ajax!    
      var actionExe = 'delete'+type;
        $('.j_delete').on('click', '#btn_del', function () {
            var delid = $('.idn').attr('data-id');
            $.ajax({
                url: 'ajax/ajax.php',
                data: {action: actionExe, delid: delid},
                type: 'POST',
                dataType: 'Json',
                beforeSend: function () {
                    $('.j_delete').find(".fa-spinner").removeClass('hide');
                    $('.j_delete').find(".fa-spinner").fadeIn();
                    $('.j_delete').find('.alert').fadeOut(500, function () {
                        $(this).remove();
                    });
                },
                success: function (answer) {

                    if (answer.success) {
                        $('.alert-box').html('<div class="alert alert-success "><i class="icon fa fa-check"></i>' + answer.success + '</div>');
                        $('alert-success').fadeIn();
                        $('#cat' + delid).fadeOut(400, function () {
                            $(this).remove();
                        });
                        $('#catrefresh').load("index.php?exe=posts/create .category_select");
                    } else if (answer.warning) {
                        $('.alert-box').html('<div class="alert alert-warning "><i class="icon fa fa-exclamation-circle"></i>' + answer.warning + '</div>');
                        $('alert-warning').fadeIn();
                    } else if (answer.warning) {
                        $('.alert-box').html('<div class="alert alert-danger "><i class="icon fa fa-ban"></i>' + answer.error + '</div>');
                        $('alert-danger').fadeIn();
                    } else if (answer.denied) {
                        $(window.document.location).attr('href', answer.denied);
                    }

                    $('.j_delete').find('.fa-spinner').fadeOut(500);
                    $('#btn_del').hide(400);
                }
            });
            return false;
        });
    }




    //Requisita via Ajax o título da categoria a ser excluída!
    $(".category_center").on('click', '.act_delete', function () {
        var delid = $(this).attr('rel');
        var type = 'cat';
        requestdel(delid, type);
         console.log($(this));
    }); 

Eu não estou conseguindo achar o erro. Se alguém puder me ajudar.

 

[ckcesar 7]

Ao fazer o clique ele sempre vai chamar a function requestdel(), com isso sempre vai começar iniciar o primeiro ajax. Você já tentou fazer somente com 1 ajax??? Não tem uma precisão muito grande de fazer com 2 ajax, bom talvez você ache melhor, talvez vc criando uma function fora e depois chamar ela dentro da function principal.