ajax Enviar dados foreach com AJAX

[jsouzaSalutaris 0]

Bom dia Galera,

 

tenho o seguinte código php :

<table class="table table-bordered">
            <thead>
              <tr>
                <td class="text-left" width="35%">NOME</td>
                <td class="text-center" width="20%">AÇÃO</td>
              </tr>
            </thead>

            <?php
            foreach ($data_ProfExec as $dados_profExec) {
              $dados_profExec = (object)$dados_profExec;
              ?>

              <tbody>
                <td class="text-left"><?php echo $dados_profExec->nome; ?></td>
                <td class="text-center">
                  <button class="btn btn-primary btn-xs" name="editar" id="editar" data-toggle="modal" data-target="#EditarProfExec<?php echo $dados_profExec->id_portal_prof_executante; ?>"><span class="glyphicon glyphicon-pencil"></span> Editar</button>
                </td>


                <!-- ======================== MODAL PARA EDITAR PROF. EXEC ========================== -->

                <!-- MODAL PARA PROF. EXEC-->
                <div id="EditarProfExec<?php echo $dados_profExec->id_portal_prof_executante; ?>" class="modal fade" role="dialog">
                  <div class="modal-dialog modal-lg">

                    <!-- Modal content-->
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title"></h4>
                      </div>
                      <div class="modal-body">
                        <div class="form-group">
                          <form action="" method="POST" name="editarPE<?php echo $dados_profExec->id_portal_prof_executante; ?>" id="editarPE<?php echo $dados_profExec->id_portal_prof_executante; ?>" onsubmit="ajax(this.value)" autocomplete="off">
                            <div class="panel panel-primary">
                              <div class="panel-body">
                                <div class="list-group">
                                  <h5 class="list-group-item active text-left">Editar</h5>
                                  <br>
                                  
                                    <div class="col-md-8">
                                      <label>Nome: </label>
                                      <input type="text" name="nome_edit" id="nome_edit" class="form-control nome_upper" maxlength="40" required="true" value="<?php echo $dados_profExec->nome; ?>">
                                    </div>

                                </div>
                                </div>
                                </div><!-- MODAL BODY -->
                                <div class="modal-footer">
                                  <button type="submit" class="btn btn-primary" name="editar_prof" id="editar_prof" ><span class="glyphicon glyphicon-ok"></span> Editar</button>

                                  <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                                </div>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                <!-- === FIM DO MODAL EDITAR === -->  
              </tbody>  

                <?php }// FIM DOREACH ?>

              </table>

 

e o seguinte ajax:

 

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('#editarPE<?php echo $dados_profExec->id_portal_prof_executante; ?>').submit(function(){
      var dados = jQuery( this ).serialize();

      jQuery.ajax({
        type: "POST",
        url: "controle/prof.php?editar=true",
        data: dados,
        success: function( data )
        {
          alert( data );
          //$('#criarProfExec').modal('toggle');
          window.location.reload();
        }
      });
      
      return false;
    });
  });
</script>

no foreach trás o 1joão e o 2marcelo quando eu envio os dados do modal referente ao joão número 1 está ok mas quando eu abro o modal do marcelo número 2 ele não envia nada.

o ajax só funciona para o primeiro resultado...

 

Poderiam em ajudar por favor.

 

Obrigado.

[quimera 13]

Por que não é dinâmico, você sempre pega o primeiro quando seta no javascript o PHP.

jQuery('#editarPE<?php echo $dados_profExec->id_portal_prof_executante; ?>').submit(function()...

João tem o ID 12 (supondo) e Marcelo o 13, ele nunca vai enviar o do Marcelo por que não existe um script com o #editarPE13

 

impresso:

//João:
jQuery('#editarPE12').submit(function()...

//Marcelo: (olha o erro)
jQuery('#editarPE12').submit(function()...

o que você deve fazer é setar um id específico para edição que envie os dados de qualquer pessoa, ou criar uma função que o faça, e nisso você só chama a função em um evento disparado.

//Agora tanto faz, o form que tiver o ID 'editarPE' quando enviado vai serializar os dados e enviá-los
$("form#editarPE").submit(function(){
    var dados = jQuery( this ).serialize();
      jQuery.ajax({
        type: "POST",
        url: "controle/prof.php?editar=true",
        data: dados,
        success: function( data )
        {
          alert( data );
          //$('#criarProfExec').modal('toggle');
          window.location.reload();
        }
      });
      return false;
});

 

[jsouzaSalutaris 0]

Salvou o dia!!

 

Obrigado quimera!!!