[RESOLVIDO] Ajax - Problema ao enviar requisição por jquery
Boa tarde
Tenho 5 campos do tipo select no meu formulário. A seguir um dos campos.
<div id="resp" class="form-group col-md-3" placeholder="Responsável" title="Pesquisar por Responsável">
<select class="form-control" id="resp" name="resp" placeholder="Responsável" title="Pesquisar por Responsável">
<option value="">Responsável</option>
<?php
$Sql = "SELECT ...";
$Resultado = ...
while ($linha = @pg_fetch_array($Resultado)){.
$id_responsavel_bd = $linha["id_responsavel"];
$nome_responsavel_bd = $linha["responsavel"];
if ($resp == $id_responsavel_bd){
echo "<option value='$id_responsavel_bd' selected = 'selected'>$nome_responsavel_bd</option>";}
else{
echo "<option value='$id_responsavel_bd'>$nome_responsavel_bd</option>";}
}
?>
</select>
</div>
Tenho uma função jquery que ao selecionar qualquer um destes campos, faz uma requisição ajax para atualizar uma div do meu form.
<script type="text/javascript">
$(document).ready(function(){
$('select').change(function(){ // Todos selects
$('form').submit(function(){
var dados = $(this).serialize();
$.ajax({
type: "POST",
url: 'arquivo_ajax.php',
dataType: 'html',
data: dados,
}).done(function(data){
//console.log(data);
$("#list").empty().html(data);
});
return false;
});
$("#meu_form").trigger('submit');
});
});
</script>
Ao abrir o formulário e fazer a primeira seleção de algum campo do tipo select, é gerada uma solicitação ajax.
O problema é que a cada nova seleção deste campo e de algum outro campo, ao invés de realizar UMA ÚNICA REQUISIÇÃO, está aumentando o número de requisições a cada nova ação.
Como não tenho muitos conhecimentos em jquery/ajax em minha dúvida:
- É normal ir aumentando o número de requisições?
- Deveria sempre realizar apenas uma requisição (imagino que seja correto)?
- Meu código está correto? Se não está, onde estou errando?
Desde já agradeço pela colaboração.Discussão (2)
Carregando comentários...