[SOLUCIONADO] Ajax no funciona en chrome

tquezada · #1 (**permalink**) 29/08/2014, 13:16

Hola amigos tengo el siguente script que me funciona en IE preo en chrome no funciona

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ingreso canal 13</title>
<script language="javascript" type="text/javascript" src="../js/jquery.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style>
    body{
        font-family: 'Open Sans Condensed', sans-serif;
    }
</style>
<script>
    $(document).ready(function(){
      $('#local').focus();
         
         $("#formulario").submit(function(){                              
             var cadena = $(this).serialize();
             var url ='procesa.php'; 
             alert('Datos serializados: '+cadena);
             $.ajax({
                   type: "POST",
                   url:  url,
                   data: cadena,
                   success: function(data){
                       alert(data);
                   },
                   error: function(objeto, quepaso, otroobj){
                        alert("Error Pasó lo siguiente: "+quepaso);
                   }
            });
         });
    });
</script>
</head>
<body>
<form id="formulario" method="post"><br /><br />
<table width="406" border="0" align="center" cellpadding="0" cellspacing="0" style="border:solid 1px #CCC;box-shadow: 8px 8px 15px 1px rgba(173,173,173,0.5);">
  <tr>
    <td width="37">&nbsp;</td>
    <td width="109">&nbsp;</td>
    <td width="258">&nbsp;</td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>Fecha</td>
    <td><?php echo date('d/m/Y')?></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° local</td>
    <td><input type="text" id="local" name="local" required/><span id="res_local"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° Documento</td>
    <td><input type="text" id="documento" name="documento" required/><span id="res_doc"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>Monto</td>
    <td><input type="text" id="monto" name="monto" required/><span id="res_monto"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° Comanda</td>
    <td><input type="text" id="comanda" name="comanda" required/><span id="res_comanda"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° Movil</td>
    <td><input type="text" id="movil" name="movil" required/><span id="res_movil"></span></td>
  </tr>
  <tr>
    <td colspan="3"><span id="respuesta"></span></td>
    </tr>
  <tr>
    <td colspan="3" align="center"><input type="submit" id="submit" value="Guardar" /></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</body>
</html>

ojala puedan ayudarme.

Saludos.

andresgarciadev · #2 (**permalink**) 29/08/2014, 16:24

bueno lo probe y me funciono todo sin problema
http://jsfiddle.net/8bp040w0/1/
por lo tanto primero... lo que si agregue es un

Código Javascript:

Ver originale.preventDefault();

ya que no tiene sentido usar ajax si el submit continuara = .....
asi que mira que version de jquery manejas que ese debe ser el problema

tquezada · #3 (**permalink**) 03/09/2014, 14:13

Gracias amigo probé con otra versión de jquery y me funciono correctamente