Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/09/2012, 09:54
Avatar de Dradi7
Dradi7
 
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 6 meses
Puntos: 220
Respuesta: refrscar un formulario con ajax

por eso esta como te lo puse digamos que tu tienes este formulario

digamos que tienes 3 paginas:

1.- Primero pagina que muestra el formulario

Código HTML:
Ver original
  1. <form name="frm" action="envio.php" method="post">
  2.     <input type="text" name="cBar" id="cBar" />
  3.     ...
  4.     ...
  5.     ...
  6.     <textarea id="resultado"></textare>
  7.     <input type="submit" value="Procesar" />
  8. </form>

2.- Segundo pagina que se encarga de realizar la búsqueda del código enviado en el cBar, esta pagina es la que va a ser consultada por el ajax y te va a devolver un resultado

Código PHP:
Ver original
  1. include_once 'clases/Class_Bd.php';
  2. $conexion = new Conecta_DB;
  3. $conexion->conectar();
  4. $res = $_POST['cBar'];
  5. print $_POST;
  6. $consulta = "select nombre,descripcion,familia from altaArticulos where cBarras='$res'";
  7. var_dump($consulta);
  8. $query=$conexion->consultar($consulta);
  9. while ($row = mysql_fetch_array($query)) {
  10. $aviso0 = $row[0]['nombre'];
  11. $aviso1 = $row[0]['descripcion'];
  12.  
  13. $aviso = "Articulo " . $aviso0 . "con la descripción " . $aviso1 .".";
  14. echo $aviso

3.- es la pagina que tu vas a procesar de lo que envias del formulario primero

Código PHP:
Ver original
  1. // aqui haces el calculo de lo que hay en tu formulario

entonces el código de lo que yo te pase es para poder recuperar la información de la pagina 2 pero esto no afecta a tu primera pagina ya que estas usando ajax y es transparente para el usuario

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $('#cBar').keydown(function(e){
  3.         if (event.which == 13) {
  4.             $.ajax({
  5.                 url: 'turul.php',
  6.                 type: 'POST'.
  7.                 data: 'cBar=' + $(this).val(),
  8.                 success: function(data){
  9.                     $('resultado').val(data);
  10.                 }
  11.             });
  12.             event.preventDefault();
  13.         }
  14.     });
  15. });

Ojo que este código va en la primera pagina

Saludos
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones