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;
}
?>