[RESOLVIDO] Ajax - Problema ao enviar requisição por jquery

[manolegal 12]

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.

 

 

Editado Outubro 6, 2021 por manolegal
Marcar como Resolvido.

[wanderval 19]

Eu tentaria substituir essa linha, afinal se está usando ajax, e usando o change para escutar a alteração nos campos select tentaria pegar os valores do form de outra forma, acredito que seja devido ao submit seu problema

$('form').submit(function(){

 

[manolegal 12]

Bom dia. Seguindo sua sugestão, alterei código para:

<script type="text/javascript">
$(document).ready(function(){

        $('select').change(function(){

                var resp = $('#resp option:selected').val();
                
                    $.ajax({
                        type: "POST",
                        url: 'arquivo_ajax.php',
                        dataType: 'html',
                        //data: dados,
                        data: {resp: resp},
                    }).done(function(data){
                         //console.log(data);
                         $("#list").empty().html(data);
                    });

            return false;

        $("#meu_form").trigger('submit');

        });    

});
</script>

Funcionou perfeitamente, enviando somente uma requisição a cada vez.

Obrigado pela ajuda.