Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/03/2010, 19:57
ell3er
 
Fecha de Ingreso: diciembre-2006
Ubicación: Peruvian
Mensajes: 142
Antigüedad: 18 años
Puntos: 7
Respuesta: formulario para recomendar web con llamado Ajax

Nose si me equivoco pero el metodo .load() de jquery, si bien sirver para hacer peticiones ajax lo estas haciendo sin los parametros de los campos del formulario.
Código Javascript:
Ver original
  1. load(url,parametros,callback) :
Código Javascript:
Ver original
  1. $("#IDdestino").load("test.php", { 'nombres[]': ["fulano", "sutano"] } );
Hace tiempo uso un plugin para jquery que evita estar concatenando todos los campos del formularios. -->http://malsup.com/jquery/form/
Por mas que el formularios tenga 100 campos no sera necesario concaternalos para mandarlos como parametro.
un ejemplo:
Código PHP:
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  4. <script type="text/javascript" src="jquery.form.js"></script>
  5.     <script type="text/javascript">
  6.  
  7. $(document).ready(function() {            
  8. var options = {
  9.     target:     '#divToUpdate',
  10.     //url:        'test.php', // para sobreescribir el atributo action="comment.php" del form
  11.      type:      'post',   //'get' o 'post',,
  12.     //cache: false,
  13.     //scriptCharset: 'UTF-8', // solo para jsonp script y get
  14.     success:    function(e) {
  15.         $('#divToUpdate').html(e);        
  16.     },
  17.     beforeSend: function() {        
  18.         $('#divToUpdate').html("<p>enviando</p>");     
  19.     },
  20.     error: function(e){
  21.         $('#divToUpdate').html("<b>error: </b>"+e);
  22.     }  
  23. };
  24.  
  25.   $('#myForm').submit(function() {  
  26.     $(this).ajaxSubmit(options);
  27.     // return false para prevenir el submit normal del formulario
  28.     return false;
  29.  });
  30.  
  31. });
  32. </script>
  33. </head>
  34. <body>
  35. <form id="myForm" action="comment.php" method="post">&#160;
  36.  
  37. Name: <input type="text" name="name" /><br />&#160;
  38. Appd:&#160;<input type="text" name="app" /><br />
  39. Email:&#160;<input type="text" name="email" /><br />
  40. Comm: </p><textarea name="comment">ghjghjghj</textarea>&#160;<br />
  41. sexo:&#160;<input type="radio" name="sexo" />
  42. <input type="radio" name="sexo" /><br />
  43. gay?: <input type="checkbox" name="gay" /><br />         
  44. <input type="submit" id="boton" value="Submit Comment" />
  45. </form>
  46. <div id="lol">
  47. here
  48. </div>
  49.  
  50. <div id = "divToUpdate">aqui la respuesta ajax:</div>
  51. </body>
  52. </html>

saludos..