AJAX fallo en Firefox

victorfz · #1 (**permalink**) 15/04/2011, 05:49

Hola justo cuanto tengo una aplicación AJAX terminada me doy cuenta de que funciona en todos los navegadores menos el algunos firefox (en mi versión portable de firefox si que funciona).
Lo que ocurre en que simplemente no muestra nada es como si no enviase el formulario.

Alguien sabe donde esta el fallo?

Un saludo y gracias.

Consulta empleados.hmtl

Código HTML:

<html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <title>Consulta Registro con AJAX</title>


  <!-- referenciamos al archivo ajax.js donde se encuentra nuestra funcion objetoAjax-->

    <script language="JavaScript" type="text/javascript" src="ajax.js"></script>

    </head>


    <body>

    <p>Consultar registros con ajax</p><!-- En "onsubmit" escribimos la función 'MostrarConsulta' que creamos en javascript, 
con su parametro que es el archivo que vamos a mostrar, en este caso 'consulta.php'-->


    <form name="consulta" action="" onsubmit="MostrarConsulta('consulta.php','resultado2'); return false">





  <input type="submit" value="Consultar" />




  </form>

  <div id="resultado"></div>
  <div id="resultado2" style="background: #408080;"></div>

  </body>

</html>

ajax.js

Código HTML:

function objetoAjax(){
        var xmlhttp=false;
        try {
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
                try {
                   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (E) {
                        xmlhttp = false;
                }
        }

        if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
                xmlhttp = new XMLHttpRequest();
        }
        return xmlhttp;
}

function MostrarConsulta(datos,contenedor){
        divResultado = document.getElementById(contenedor);
        ajax=objetoAjax();
        ajax.open("GET", datos);
        ajax.onreadystatechange=function() {
                if (ajax.readyState==4) {
                        divResultado.innerHTML = ajax.responseText
                }
        }
        ajax.send(null)
}

consulta.php

Código PHP:

  <?php 
//Configuracion de la conexion a base de datos 
$bd_host = "localhost";  
$bd_usuario = "root";  
$bd_password = "";  
$bd_base = "db";  
 
$con = mysql_connect($bd_host, $bd_usuario, $bd_password);  
 
mysql_select_db($bd_base, $con);  
 
//consulta todos los empleados 
mysql_query ("SET NAMES 'utf8'");  
$sql=mysql_query("SELECT * FROM users",$con); 
 
//muestra los datos consultados 
echo "</p>Nombre - mail - ID</p> \n"; 
while($row = mysql_fetch_array($sql)) 
{ 
    $html="<p>".$row['username']." - ".$row['email']." - ".$row['id']."</p> \n"; 
    echo $html; 
} 
?>

victorfz · #2 (**permalink**) 16/04/2011, 20:25

Bueno resulta que si funciona y el fallo lo tenia yo en el navegador.
Gracias un saludo.

Traceur_Tera · #3 (**permalink**) 13/07/2011, 12:42

Que tal..

Disculpa... Y cuál era era el fallo del navegador? Un saludo

victorfz · #4 (**permalink**) 13/07/2011, 14:24

Jeje era un fallo tonto.
En el Web developer tools tenia desabilitado el jacascript con lo cual lógicamente no podía funcionar pero una vez habilitado funcionó OK.
Un saludo.