Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/10/2012, 12:42
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 13 años, 7 meses
Puntos: 6
problemas ajax y modal Twitter Bootstrap

hola amigos espero me puedan ayudar

me ecuentro trabajando jquery-plugin-validation http://bassistance.de/jquery-plugins...in-validation/ y con modal de Twitter Bootstrap

tengo un formulario en la modal y lo valido sin problemas el problema que tengo es cuando envio los datos mediante ajax , quiero imprimir los datos que envie en la modal .


Código Javascript:
Ver original
  1. <script>
  2.  
  3. $('#adicionar').click(function (){
  4.     //alert ('boton adicionar');
  5.     var dataString = $('#contact-form').serialize();
  6.     alert('Datos serializados: '+dataString);
  7.     $.ajax({
  8.     url:'views/cargar_usuarios.php',
  9.         type:'POST',
  10.     data: dataString,
  11.     }).done(function(data) {
  12.     $("#div_tabla_usuario").html(data);
  13. });
  14. });
  15.  
  16. </script>

el alert con los datos serializados lo veo sin problema



el cargar_usuarios.php contiene
Código PHP:
Ver original
  1. <?
  2.  
  3. $name = $_POST['name'];
  4.  
  5. ?>
  6.  
  7. <div id="div_tabla_usuario">
  8.  
  9. <?
  10. echo $name;
  11. ?>
  12.  
  13. </div>


y el body

Código HTML:
Ver original
  1.             <div class="page-header">
  2.                 <h1>Prueba</h1>
  3.                             </div>
  4. <a data-toggle="modal" class="btn btn-primary" href="#modalAdicionar"><i class="icon-user icon-white"></i> Nuevo Destinatario</a>
  5. <div id="modalAdicionar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  6.             <div class="modal-header">
  7.               <button type="button" class="close close-add" data-dismiss="modal" aria-hidden="true">&times;</button>
  8.               <h3 id="myModalLabel">Adicionar Nuevo Destinatario</h3>
  9.             </div>
  10.             <div class="modal-body">
  11.            
  12.             <div class="row">
  13.                 <div class="span8">
  14.                     <form action="" id="contact-form" class="form-horizontal" method="post">
  15.                       <fieldset>
  16.                       <div class="control-group">
  17.                           <label class="control-label" for="name">Your Name</label>
  18.                           <div class="controls">
  19.                             <input type="text" class="input-xlarge" name="name" id="name">
  20.                           </div>
  21.                       </div>
  22.                         <div class="control-group">
  23.                           <label class="control-label" for="email">Email Address</label>
  24.                           <div class="controls">
  25.                             <input type="text" class="input-xlarge" name="email" id="email">
  26.                           </div>
  27.                         </div>
  28.                         <div class="control-group">
  29.                           <label class="control-label" for="subject">Subject</label>
  30.                           <div class="controls">
  31.                             <input type="text" class="input-xlarge" name="subject" id="subject">
  32.                           </div>
  33.                         </div>
  34.                         <div class="control-group">
  35.                           <label class="control-label" for="message">Your Message</label>
  36.                           <div class="controls">
  37.                             <textarea class="input-xlarge" name="message" id="message" rows="3"></textarea>
  38.                           </div>
  39.                         </div>
  40.              
  41.                    <!-- <button type="submit" class="btn btn-primary btn-large">Submit</button>
  42.                       <button class="btn">Cancel</button>-->
  43.        
  44.                       </fieldset>
  45.                    
  46.                       <div>
  47.              <button type="submit" class="btn btn-success" id="adicionar">Submit</button>
  48.              <button class="btn" data-dismiss="modal" title="cancel-add">Cancelar</button>
  49.             </div>
  50. </form>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55.   </body>
  56. </html>



amigos que estoy haciendo mal ? o que me falta