Ajax realizando multiplas requisições

[Guilherme Luiz 41]

Olá pessoal,

 

Eu tenho o seguinte código Ajax em jquery

function mostraConteudo(dados ,url_dest, divCallback, metodo){    
    var frm = $('#'+dados);    
    $(frm).submit(function(e){        
        e.preventDefault();        
        var urlReq    = url_dest;
        var divBack    = divCallback;    
$.ajax({
    type: metodo,
    url: urlReq+".php",
    dataType:"html",
    cache:false,
    data: frm.serialize(),    
        beforeSend: function(){
            $("#"+divBack).html("<center><img src=\'images/ring.gif\'></center>");
        },        
        success: function(data){
            $("#"+divBack).html(data);
        }
    });    
    return false;    
    });
}

Esse código é chamado via evento em onclick no meu button do formulario

<button type="submit" data-loading-text="Calculando..." class="btn btn-block btn-success" onclick="mostraConteudo('calcula','config/function_calculadora','show_result','POST');">Calcular preço de venda</button>

calcula = id do formulario

config/function_calculadora = caminho do arquivo que quero requisitar

show_result = id da DIV onde quero que apareçam os resultados

POST = metodo que quero utilizar

 

Este código em jquery funciona bem porem ao visualizar o console do Chrome, vejo que são realizadas diversas requisições, e não somente uma ao clicar no meu submit.

Isso acontece somente no "segundo" clique adiante.

 

Por exemplo, preencho os dados do meu formulário e dou submit - Funciona perfeitamente

Sem dar nenhum refresh na pagina, (altero ou nao o valor dos inputs do meu formulario) e dou submit - São feitas 2 requisiões conforme log do console

Se realizo isso uma terceira vez - São feitas 3 requisições

Se realizo uma quarta - São feitas 4 requisições

 

E assim por adiante, sempre adicionando +1 requisição...

Isso acontece tanto em GET quanto em POST

 

Estou realizando algo errado?

Meu arquivo com o código ajax é chamado apenas na INDEX do site, ele não é incluido em nenhuma outra pagina.

Além disso, estou utilizando o framework bootstrap

 

Segue arquivos linkados na minha index

Nenhum destes arquivos possui requisição AJAX além do ajax_jquery.js

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/fire.min.js"></script>
    <script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript" src="js/dinamic-search.js"></script>
    <script type="text/javascript" src="js/ajax_jquery.js"></script>
    <script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js" defer></script>
    <script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js" defer></script>
    <script type="text/javascript" src="https://cdn.amcharts.com/lib/3/pie.js" defer></script>
    <script type="text/javascript" src="https://www.amcharts.com/lib/3/themes/light.js" defer></script>
    <script type="text/javascript" src="https://www.amcharts.com/lib/3/themes/patterns.js" defer></script>

 

Alguém consegue me ajudar com este BUG?

 

 

[Guilherme Luiz 41]

Consegui resolver pessoal.

 

Na linha

13 minutos atrás, Guilherme Luiz disse:

    $(frm).submit(function(e){  

 

Adicionei um unbid, ficando assim

$(frm).unbind().submit(function(e){

 

[AnthraxisBR 56]

Se você indicar o documento antes do elemento e do evento disparador, algo como isso:

 

$(document).on('click', '.botao_disparador', function () {
  mostraConteudo('calcula','config/function_calculadora','show_result','POST');
})

Também ia resolver a questão de ir acrescentando a quantidade de requisição cada vez que aciona o evento, mas não sei explicar o motivo D:

 

~~ Gostaria muito de saber o porque se alguém puder explicar kkk

[Guilherme Luiz 41]

Tem umas duvidas no stackover que indica como resolver...

Mas no geral eu vi que em todos o ideal é não indicar o documento e sim somente a função...

 

também não sei porque acontece isso, mas com o unbind() consegui resolver rs