Este es un ejemplo basico:
Archivo login.php (no se porque le puse extension .php, total no es requerido)
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ejemplo Ajax</title>
<script type="text/javascript" language="javascript" src="ajax.js"></script>
</head>
<body>
<div id="divCapa">Hola mundo!</div>
<form name="frmLogin">
Usuario: <input type="text" id="txtUsuario" name="txtUsuario">
Contraseña: <input type="password" id="txtContrasena" name="txtContrasena">
<input type="button" value="Ingresar" onClick="javascript:fntValidar_Usuario();">
</form>
</body>
</html>
Archivo ajax.js:
function fntAjax(){
var xmlhttp = false;
try {
//crear objeto ajax para navegadores distintos a ie
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
//crear objeto para ie
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function fntValidar_Usuario(){
var txtUsuario, txtContrasena, ajax = new fntAjax();
divCapa = document.getElementById('divCapa');
txtUsuario = document.getElementById('txtUsuario').value;
txtContrasena = document.getElementById('txtContrasena').value;
ajax.open("GET", "ejemplo.php?txtUsuario=" + txtUsuario + "&txtContrasena=" + txtContrasena, true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
if(ajax.responseText=="ok"){
window.location.href="
http://www.kubicalorg.net"; }else{
divCapa.innerHTML = ajax.responseText;
}
}else{
divCapa.innerHTML = 'Por favor, espere un momento...';
}
}
ajax.send(null)
}
[/code]
Archivo ejemplo.php
<?php
if(trim($_GET["txtUsuario"])=="hola" and trim($_GET["txtContrasena"])=="mundo"){
echo "ok";
}else{
echo "El usuario no es válido";
}
?>
Espero que con eso se le aclaren las dudas, es un ejemplo basico. Creo que esta claro
La contrasena para el ejemplo es mundo y el usuario hola.