Tema: Enviar form por ajax y jquery con funcion desde enlace
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 20/03/2011, 17:33
Avatar de hmvr414
hmvr414
 
Fecha de Ingreso: marzo-2011
Ubicación: Santiago de Cali, Colombia
Mensajes: 74
Antigüedad: 13 años, 9 meses
Puntos: 16
Respuesta: Enviar form por ajax y jquery con funcion desde enlace
Prueba este ejemplo:

archivo formulario.html
Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  4. <script type="text/javascript">
  5.     $(document).ready(function () {
  6.     
  7.         $("#formulario").submit(function (ev) {
  8.             var $frm = $(this);
  9.             ev.preventDefault();
  10.             
  11.             $.ajax({
  12.             
  13.                 type: $frm.attr("method"),
  14.                 url: $frm.attr("action"),
  15.                 data: $frm.serialize(),
  16.                 success: function (data) {
  17.                     $("#resultado").append(data);
  18.                 }
  19.             });
  20.         });
  21.     });
  22. </script>
  23. </head>
  24. <body>
  25.     <form id="formulario" action="procesar.php" method="POST">
  26.         <input name="datoA" type="text" value="" />
  27.         <input name="datoB" type="text" value="" />
  28.         <input name="submit" type="submit" value="Enviar" />
  29.     </form>
  30.     <div id="resultado"></div>
  31. </body>
  32. </html>

archivo procesar.php:
Código PHP: 
Ver original
  1. <?php
  2.     var_dump($_POST);