Hola buen día estoy practicando ajax pero estoy teniendo un problema y no se cual es ayudenme porfavor.
El cuerpo de la página llamada index.html es la sgte:
<!DOCTYPE html>
<html>
<head>
<title>Ajax</title>
</head>
<body>
<input type="text" id="nombre">
<input type="text" id="apellido">
<input type="submit" value="Validar" onclick="ajax();">
<div id="info"></div>
<script type="text/javascript">
function ajax(){
var resultado = document.getElementById("info");
var xmlhttp;
if(windows.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
var a = document.getElementById("nombre").value;
var b = document.getElementById("apellido").value;
var infoDato = "nombre="+a+"&apellido="+b;
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
var mensaje = xmlhttp.responseText;
resultado.innerHTML = mensaje;
}
}
xmlhttp.open("POST","servidor.php",true);
xmlhttp.setRequestHeader("Content-type","applicaction/x-www-
form-urlencoded");
xmlhttp.send(infoDato);
}
</script>
</body>
</html>
El cual manda los datos a servidor.php
<?php
$nombre = $_POST['nombre'];
$apellido = $_POST['apellido'];
if(empty($nombre) || empty($apellido)){
echo "Ingrese nombre y apellido";
}else{
echo "Hola ".$nombre." ".$apellido;
}
?>
Lo que quiero hacer es solamente la validación de las cajas de texto que se ingrese un nombre y apellido. Pero no aparece mensaje en el div
responsseText
no sobra una s?resultado
no esta disponible dentro de la funciónonreadystatechange
. Prueba a hacer eldocument.getElementById("info")
dentro de la funcion.