Ante todo, explico brevemente que es AJAX, para que sirve, y como se puede usar.
- ¿Que es AJAX?
El significado de AJAX es: Asynchronous JavaScript and XML
Esto no dice mucho, pero en pocas palabras, es una técnica de desarrollo web, que utiliza otras tecnologias que ya existen: HMTL, JavaScript y XML.
- ¿Para que sirve AJAX?
Mediante esta técnica, se puede manejar e intercambiar datos de forma desincronizada con nuestro servidor web.
Lo que quiero decir es que podriamos hacer una operacion en ASP (PHP tambien por supuesto) sin salir de la pagina, me refiero a mandar y recibir datos sin cambiar de pagina (sin refresh).
- Google Suggest
A medida que escribimos en el formulario de busqueda, google nos "sugiere" los terminos mas buscados en una lista desplegable. Esa información que se muestra, son consultas permanentes a la base de datos de google, pero en segundo plano, logrando mantener al cliente (nosotros) en la misma pagina.
- Google Maps
Como pueden ver en google maps, al mover el mapa con el mouse, los mapas que no estaban en la pantalla van apareciendo y todo ese trabajo, sin cambiar al cliente de pagina (no nos vamos de la pagina y volvemos con la nueva información). En el momento que movemos los mapas, google nos va enviando los mapas que estamos necesitando ver.
A continuación voy a intentar hacer una explicación de cómo lograr este tipo de cosas, pero por supuesto con un ejemplo mucho mas sencillo, en el cual al cliente se le presentará un formulario, donde debe ingresar su email.
La operación será verificar si ese mail existe (en la teorica base de datos, esto lo haremos en segundo plano) y por último informarle del resultado de la consulta (si su mail fue encontrado o no).
Necesitamos 2 paginas:
- formulario.asp (donde estará el formulario y el cliente)
- consulta.asp (la pagina que se ejecuta en segundo plano)
Ahora les paso los dos codigos enteros, mas adelante explico las partes que corresponden.
formulario.asp
<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(",");
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);
}
}
Continúa en la página siguiente.
Usuarios que han visto este tema también han visto...
- Codificación de urls
- Componente FileSystemObject en ASP
- ¿Cuanto tarda en cargar una página en ASP?
- Desarrollo de un libro de visitas usando XML y ASP
- Generando páginas dinámicas con N1TemplateEngine
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.