Submit di un form da una window modal creata con bootstrap

**Emulman** · 15-02-2016, 15:08

Spero sia il posto giusto...cmq ecco il problema: creo una window con Bootstrap 3.3.6

codice HTML:

<div class="modal fade" id="formNewUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel"><strong>New User</strong></h4>
          </div>
          <div class="modal-body">
             <form class="form-horizontal" role="form" id="formNewUser">
                <!-- campi del form -->
                <div class="modal-footer">
                   <button type="button" class="btn btn-info" id="submitNewUser">OK</button>                             <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>                     </div>
             </form>
          </div>
       </div>
    </div>
 </div>

per fare il submit uso jquery in<HEAD>

codice:

<script>
   $(function() {
      $("#submitNewUser").click(function() {
         $.ajax({
            type: "POST",
            url: "elabora_dati.php",
            data: $(#formNewUser").serialize();
         });
      });
   });
</script>

ma a quanto pare non succede nulla! come mai?

**m4rko80** · 15-02-2016, 16:43

Ciao, sul data /serialize manca un doppio apice( se fosse quello il problema).
Nella console di chrome puoi vedere se ci sono errori javascript o nel pannello network vedere se effettivamente la chiamata in ajax parte o meno.
In alcuni casi mi e' capitato che non venissi bindata un azione su un elemento perchè al ready nascosto da css (esempio la modale).

**Emulman** · 15-02-2016, 20:04

ciao! l'errore degli apici era solo qui...anche io uso spesso i debug tools di Chrome, ma non mi da alcun errore!!!

**cavicchiandrea** · 15-02-2016, 21:48

Usa on per delegare l'evento (vedi jquery sezione on)

**EliBelTI** · 16-02-2016, 20:11

secondo me potrebbe essere sbagliata la sintassi della chiamata ajax

codice HTML:

$.ajax({
       url: _url,
       type: "POST",
       dataType: "json", //tipo di dato in uscita
       data: _param, //eventuali parametri in ingresso in formato json
       success: function (data) { 
                //fai qualcosa
       }    
});

Discussione: Submit di un form da una window modal creata con bootstrap

Strumenti discussione

Ricerca discussione

Visualizza

Submit di un form da una window modal creata con bootstrap

Permessi di invio