Estoy probando el siguiente ejemplo de web simple con Ajax, en local usando XAMPP:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX</title>
<script src="js/comun.js"></script>
</head>
<body>
<script>
var request = getXMLHttpRequest();
function soliticaInformacion() {
var dato = document.form1.firstname.value;
// Evita caché añadiendo un número aleatorio
var random = parseInt(Math.random()*999999999);
// URL de destino
var url = 'server.php?nombre=' + dato;
// Prepara la función de respuesta
request.onreadystatechange = procesarRespuesta();
// Realiza petición HTTP
request.open('GET', url + '&rand=' + random, true);
request.send(null);
}
function procesarRespuesta() {
if (request.readystate==4) {
if(request.status==200) {
alert(request.responseText);
} else {
alert("Ha ocurrido un error: " + request.statusText);
}
}
}
</script>
<form action="" name="form1">
Nombre:<br>
<input type="text" name="firstname" onblur='soliticaInformacion()'><br>
Teléfono:<br>
<input type="text" name="phone">
</form>
</body>
</html>
comun.js
function getXMLHttpRequest() {
if(window.XMLHttpRequest) {
return new XMLHttpRequest();
} else {
return new ActiveXObject("Microsoft.XMLHTPP");
}
}
server.php
<?php echo "Respuesta del servidor"; ?>
El problema es que no salta el alert(request.responseText);
He depurado y pasa lo siguiente: - Primero, me salen un montón de errores (pongo algunos)
ReferenceError: browser is not defined at shouldWrapAPIs (chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/polyfill.js:209:7) at chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/polyfill.js:218:7
DOMException: Failed to execute 'querySelectorAll' on 'Element': '*,:x' is not a valid selector. at chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/data/js/libs/jquery-3.1.1.min.js:2:11382
DOMException: Failed to execute 'matches' on 'Element': '[s!='']:x' is not a valid selector. at chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/data/js/libs/jquery-3.1.1.min.js:2:11605
ReferenceError: ActiveXObject is not defined at chrome-extension://aapbdbdomjkkjkaonfhkkikfgjllcleb/bubble_compiled.js:163:513
...
- Tras estos errores, carga la página y muestra el formulario. Cuando escribo en el campo
Nombre
y cambio al campoTeléfono
, empieza a recorrer el código correctamente, hasta que llega al métodorequest.send(null)
y acaba la ejecución sin hacer nada.
Alguna idea? No consigo ver que pasa.