Tema: Problema con la respuesta en un formulario jquery
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/12/2012, 07:45
Andress_mdq92
 
Fecha de Ingreso: abril-2012
Mensajes: 36
Antigüedad: 12 años, 8 meses
Puntos: 1
Problema con la respuesta en un formulario jquery
Buenas gente, tengo un problema del cual no me doy cuenta cual es, tengo hecho un formulario (antes que nada decir que recien empiezo con ajax), en el cual le paso ciertos valores y los guarda en una tabla. Los inserta bien en la tabla, la operacion sale bien, pero en la respuesta no me vuelve a habilitar el boton y tampoco desaparece el gif de cargando. Diganme que puede ser. Aclaro que si dejo algun campo vacio si hace lo que tiene que hacer, pero con los datos OK no.

form.altaproducto.php

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Nuevo producto</title>
  6. <link href="../css/redmond/jquery-ui-1.9.2.custom.css" rel="stylesheet">
  7.     <script src="../js/jquery-1.8.3.js"></script>
  8.     <script src="../js/jquery-ui-1.9.2.custom.js"></script>
  9.      <script src="../js/jquery.form.js"></script>
  10.      <script>
  11.      $(function(){
  12.         $("#guardar").button();
  13.         $("#msj").hide();
  14.         $("#cargado").hide();
  15.         $("#dialogo").hide();
  16.         $('#producto').focus();
  17.         
  18.         
  19.         var options = {    
  20.         beforeSubmit:  antesdeenviar,  
  21.         success:       respuesta,  
  22.         dataType:  'json'    
  23.         }; 
  24.         
  25.         $('#frmproductos').ajaxForm(options); 
  26.      });
  27.      
  28.      function antesdeenviar(){
  29.         $('#cargado').show();
  30.         $('#guardar').button("disable");    
  31.     }
  32.     
  33.     function respuesta(datos){
  34.         $("#cargado").hide();
  35.         if(datos.op=='OK'){
  36.                 $("#msj").html("Producto nuevo guardado exitosamente");
  37.                 $("#msj").addClass("ui-state-highlight");
  38.                 $("#msj").show("slow").delay(2000).hide("slow");
  39.             }else{
  40.                 var mensaje="Completa los campos resaltados";
  41.                 $.each(datos.error,function(item,valor){ //Tomar un elemento del json y hacer uso. pasar 2 parametros, coleccion de datos 
  42.                         $('#'+valor).addClass("ui-state-error");
  43.                 });
  44.                 
  45.                 $("#dialogo").html(mensaje);
  46.                 $("#dialogo").show('slow').delay(2000).hide('slow');    
  47.             }
  48.         $('#guardar').button("enable"); 
  49.     }
  50.      
  51.     </script>
  52. </head>
  53.  
  54. <body>
  55.  
  56. <table>
  57. <div align="center" style=" width:530px;background-color:#09F; color:#FFFFFF">Nuevo producto</div>
  58. <form id="frmproductos" name="frmproductos" method="post" action="accion.altaproducto.php">
  59.     <tr>
  60.         <td><label for="producto">Producto</label></td>
  61.         <td colspan="3"><input name="producto" type="text" id="producto" size="37" /></td>
  62.     </tr>
  63.     <tr>
  64.         <td><label for="descripcion">Descripcion</label></td>
  65.         <td><textarea name="descripcion" id="descripcion" cols="45" rows="5"></textarea></td>
  66.         <td><label for="costo">Costo</label></td>
  67.         <td><input name="costo" type="text" id="costo" size="10" /></td>
  68.     </tr>
  69.     <tr>
  70.         <td><label for="categoria">Categoria</label></td>
  71.         <td><select name="categoria" id="categoria">
  72.       <option selected="selected">Hardware</option>
  73.       <option>Software</option>
  74.       <option>Insumos</option>
  75.       <option>Accesorios</option>
  76.       <option>Servicio Tecnico</option>
  77.     </select></td>
  78.         <td><label for="precioa">Precio A</label><br /><label for="preciob">Precio B</label><br /><label for="precioc">Precio C</label></td>
  79.       <td><input name="precioa" type="text" id="precioa" size="10" /><br /><input name="preciob" type="text" id="preciob" size="10" /><br /><input name="precioc" type="text" id="precioc" size="10" /></td>
  80.     </tr>
  81.     <tr>
  82.         <td><label for="marca">Marca</label></td>
  83.         <td colspan="3"><input type="text" name="marca" id="marca" /></td>
  84.     </tr>
  85.     <tr>
  86.     <td colspan="4" align="center"><input type="submit" name="guardar" id="guardar" value="Guardar" /></td>
  87.     <td><span id="cargado"><img src="../images/load.gif" /></span></td></tr>
  88.     </form>
  89. </table>
  90. <div id="msj"></div>
  91. <span id="dialogo" class="ui-state-error ui-corner-all"></span>
  92. </body>
  93. </html>

accion.altaproducto.php

Código PHP: 
Ver original
  1. <?php
  2. include "class.productos.php";
  3. sleep(1);
  4. $datos=array();
  5.  
  6. $producto=$_POST['producto'];
  7. $descripcion=$_POST['descripcion'];
  8. $categoria=$_POST['categoria'];
  9. $marca=$_POST['marca'];
  10. $costo=$_POST['costo'];
  11. $precioa=$_POST['precioa'];
  12. $preciob=$_POST['preciob'];
  13. $precioc=$_POST['precioc'];
  14.  
  15.     //validacion de que no vengan vacios
  16.     if(strlen($producto)==0){
  17.         $datos['error'][]='producto';
  18.     }
  19.     if(strlen($descripcion)==0){
  20.         $datos['error'][]='descripcion';
  21.     }
  22.     if(strlen($categoria)==0){
  23.         $datos['error'][]='categoria';
  24.     }
  25.     if(strlen($marca)==0){
  26.         $datos['error'][]='marca';
  27.     }
  28.     if(strlen($costo)==0){
  29.         $datos['error'][]='costo';
  30.     }
  31.     if(strlen($precioa)==0){
  32.         $datos['error'][]='precioa';
  33.     }
  34.     if(strlen($preciob)==0){
  35.         $datos['error'][]='preciob';
  36.     }
  37.     if(strlen($precioc)==0){
  38.         $datos['error'][]='precioc';
  39.     }
  40.     
  41.     //contamos los errores almacenados en $datos
  42.     if(count($datos['error'])==0){
  43.         $clase=new productos;
  44.         if($cod=$clase->nuevoproducto($producto,$descripcion,$categoria,$marca,$costo,$precioa,$preciob,$precioc)){
  45.             $datos['id']=$cod;
  46.             $datos['op']='OK';
  47.         }else{
  48.             $datos['op']='ERRORDATOS';
  49.         }
  50.     }else{
  51.         $datos['op']='ERROR';
  52.     }
  53.     echo json_encode($datos);
  54. ?>

class.productos.php

Código PHP: 
Ver original
  1. <?php
  2.  
  3.     class productos{
  4.         
  5.             //Creo las variables a utilizar
  6.         private $id_producto="";
  7.         private $producto="";
  8.         private $descripcion="";
  9.         private $categoria="";
  10.         private $marca="";
  11.         private $costo="";
  12.         private $precioa="";
  13.         private $preciob="";
  14.         private $precioc="";
  15.         private $stock="";
  16.             
  17.             //Creo la funcion constructora que conecta a la base
  18.         function __construct(){
  19.             $this->conexion=mysql_connect("localhost","root","");
  20.             mysql_select_db("yamipc",$this->conexion);
  21.         }
  22.         
  23.             //Setters y Getters
  24.         //id_producto
  25.         public function set_id_producto($valor=""){
  26.             $this->id_producto=$valor;
  27.         }
  28.         public function get_id_producto(){
  29.             return $this->id_producto;
  30.         }
  31.         //producto
  32.         public function set_producto($valor=""){
  33.             $this->producto=$valor;
  34.         }
  35.         public function get_producto(){
  36.             return $this->producto;
  37.         }
  38.         //descripcion
  39.         public function set_descripcion($valor=""){
  40.             $this->descripcion=$valor;
  41.         }
  42.         public function get_descripcion(){
  43.             return $this->descripcion;
  44.         }
  45.         //categoria
  46.         public function set_categoria($valor=""){
  47.             $this->categoria=$valor;
  48.         }
  49.         public function get_categoria(){
  50.             return $this->categoria;
  51.         }
  52.         //marca
  53.         public function set_marca($valor=""){
  54.             $this->marca=$valor;
  55.         }
  56.         public function get_marca(){
  57.             return $this->marca;
  58.         }
  59.         //costo
  60.         public function set_costo($valor=""){
  61.             $this->costo=$valor;
  62.         }
  63.         public function get_costo(){
  64.             return $this->costo;
  65.         }
  66.         //precio a
  67.         public function set_precioa($valor=""){
  68.             $this->precioa=$valor;
  69.         }
  70.         public function get_precioa(){
  71.             return $this->precioa;
  72.         }
  73.         //precio b
  74.         public function set_preciob($valor=""){
  75.             $this->preciob=$valor;
  76.         }
  77.         public function get_preciob(){
  78.             return $this->preciob;
  79.         }
  80.         //precio c
  81.         public function set_precioc($valor=""){
  82.             $this->precioc=$valor;
  83.         }
  84.         public function get_precioc(){
  85.             return $this->precioc;
  86.         }
  87.         //stock
  88.         public function set_stock($valor=""){
  89.             $this->stock=$valor;
  90.         }
  91.         public function get_stock(){
  92.             return $this->stock;
  93.         }
  94.         
  95.             //Funcion que prepara para guardar nuevo producto
  96.         public function nuevoproducto($producto="",$descripcion="",$categoria="",$marca="",$costo="",$precioa="",$preciob="",$precioc=""){
  97.             $this->set_producto($producto);
  98.             $this->set_descripcion($descripcion);
  99.             $this->set_categoria($categoria);
  100.             $this->set_marca($marca);
  101.             $this->set_costo($costo);
  102.             $this->set_precioa($precioa);
  103.             $this->set_preciob($preciob);
  104.             $this->set_precioc($precioc);
  105.             if($this->guardar()){
  106.                 return $this->get_id_producto();        
  107.             }else{
  108.                 return false;
  109.             }
  110.         }
  111.         
  112.             //Funcion que guarda en la tabla el nuevo producto
  113.         public function guardar(){
  114.         if($this->get_id_producto()==""){
  115.             $sql =sprintf("INSERT INTO productos(producto,descripcion,categoria,marca,costo,precioa,preciob,precioc) VALUES ('%s','%s','%s','%s','%s','%s','%s','%s');",$this->get_producto(),$this->get_descripcion(),$this->get_categoria(),$this->get_marca(),$this->get_costo(),$this->get_precioa(),$this->get_preciob(),$this->get_precioc());
  116.             if(mysql_query($sql)){
  117.                     $this->set_id_producto(mysql_insert_id($this->conexion));
  118.                     return $this->get_id_producto();
  119.                 }else{
  120.                     return false;
  121.                 }
  122.         
  123.         }else{
  124.             $sql=sprintf("SELECT id_producto FROM productos WHERE id_producto=%d",$this->get_id_producto());
  125.             $datos=mysql_query($sql);
  126.             if(mysql_num_rows($datos)){
  127.                 $sql=sprintf("UPDATE productos SET producto='%s',descripcion='%s',categoria='%s',marca='%s',costo='%s',precioa='%s',preciob='%s',precioc='%s' WHERE id_producto=%d",$this->get_producto(),$this->get_descripcion(),$this->get_categoria(),$this->get_marca(),$this->get_costo(),$this->get_precioa(),$this->get_preciob(),$this->get_precioc());
  128.                 if(mysql_query($sql)){
  129.                     return $this->get_id_producto();
  130.                 }else{
  131.                     return false;
  132.                 }
  133.             }else{
  134.                 $this->set_id_producto("");
  135.                 $this->guardar();
  136.             }
  137.         }
  138.     }
  139.         
  140.             //Creo la funcion destructora que desconecta de la base
  141.         function __destruct(){
  142.             mysql_close($this->conexion);
  143.         }
  144.     }
  145.  
  146. ?>

Gracias! Para que no lean todo el problema creo que lo tengo en el formulario, en la parte de ajax