un ejemplo, de AJAX
Pagina FORMULARIO.HTML
Código HTML:
<html>
<head>
<script language="javascript" type="text/javascript">
function handleHttpResponse() {
if (http.readyState == 4) {
if (http.status == 200) {
if (http.responseText.indexOf('invalid') == -1) {
// Armamos un array, usando la coma para separar elementos
// results = http.responseText.split(",");
results = http.responseText.split(",");
// document.getElementById("campoMensaje").innerHTML = results[0];
document.getElementById("campoMensaje").innerHTML = results;//[0];
enProceso = false;
}
}
}
}
function verificaUsuario() {
if (!enProceso && http) {
var valor = escape(document.getElementById("emailUsuario").value);
var url = "consulta.asp?emailUsuario="+ valor;
http.open("GET", url, true);
http.onreadystatechange = handleHttpResponse;
enProceso = true;
http.send(null);
}
}
function getHTTPObject() {
var xmlhttp;
/*@cc_on
@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) { xmlhttp = false; }
}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) { xmlhttp = false; }
}
return xmlhttp;
}
var enProceso = false; // lo usamos para ver si hay un proceso activo
var http = getHTTPObject(); // Creamos el objeto XMLHttpRequest
</script>
</head>
<body>
<form action="" method="post">
Ingrese su email:
<input type="text" name="emailUsuario" id="emailUsuario">
<INPUT type="Button" value="Verificar si existe" onClick="verificaUsuario();">
</form>
<div id="campoMensaje"></div>
</body>
</html> pagina que realizaria la consulta
CONSULTA.ASP
Código HTML:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
' me fijo si viene algun valor en el querystring, si no viene nada, no hago nada
if request.querystring("emailUsuario") <> "" then
email = request.querystring("emailUsuario")
if email = "[email protected]" then
vari="Si, existe"
vari=vari & "Esto es una prueba de la capacidad de AJAX"
vari=vari & "<table><tr><th>Esperemos que funcione como dice</th></tr><tr><td>Esperemos que funcione correctamente en el cuadrante 1,2</td></tr></table>"
else
vari="hola compañero"
vari=vari & "No existe"&vari&"-"&vari&"-"&vari&"-"&vari&"-"&vari&"-"&vari&"-"&vari&"-"
end if
response.Write vari
end if
%>
la primera("formulario.html"), realiza la peticion a la segunda pagina("consulta.asp"), en la cual verifica que el Textbox contenga el email correcto, que es "
[email protected]" que esta a su ves nos generaria la respuesta Verdadera o False, y desplegaria en el DIV, llamado "campoMensaje"
seria bueno que lo estudiaras e hicieras prueba y error, para que te familiarisaras con el proceso
suerte
