Ajax realizando multiplas requisições
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?Discussão (3)
Carregando comentários...