Está usted en Indice > Construcción > Lenguajes > ASP > Lecciones y Paso a Paso > Ajax y ASP. Ejemplo Simple de Uso
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Ajax y ASP. Ejemplo Simple de Uso (2)

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="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>

consulta.asp

<%
' 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 = "webmaster@dominio.com" then
       response.write "Si, existe"
    else
       response.write "No existe"
    end if
end if
%>

- Explicación formulario.asp
Hay 3 funciones de javascript:

- getHTTPObject();
Esta función, lo que hace, es crear el objeto XMLHttp que necesitamos para usar AJAX.
Puede parecer la más complicada, pero es la que menos nos debe preocupar. Siempre que usemos esta técnica, necesitaremos un objeto de ese tipo, y esa función es capaz de crearlo.

- verificaUsuario();
Esta si es más importante para la comprension de lo que estamos haciendo.
Lo que hacemos aqui, es crear una variable llamada url que tiene la pagina de destino y pegarle (concatenación) el valor del campo de texto (donde el cliente escribe el mail).
Luego le pasamos los parametros al metodo http.open() (notar que la variable url es parametro)
En la linea siguiente, le asignamos al evento onreadystatechange la función handleHttpResponse(), que está explicada más adelante.
Por último disparamos el proceso llamando al metodo http.send()

- handleHttpResponse();
Esta es la funcion asociada al evento onreadystatechange.
Lo que hace es verificar si el proceso fue finalizado con éxito y en ese caso, mostrar el resultado.

La linea que dice: results = http.responseText.split(",");
Lo que hace es crear un array en javascript usando la coma como separador de elementos.
El primer elemento será results[0], el segundo results[1], y asi ...

La linea que dice: document.getElementById("campoMensaje").innerHTML = results[0];
Es la que se ocupa de escribir en la pagina actual, el valor de la respuesta. Estamos cambiando dinamicamente el contenido de la pagina.



Usuarios que han visto este tema también han visto...

- Envío de E-Mails con CDONTS
- Contador de visitantes activos en ASP
- Dar vuelta un String. StrReverse() en ASP
- Frase personalizada para cada una de las 24 horas del dia
- Validar usuarios con Sesiones con ASP


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad
Congreso de Internet

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.


Página generada el 03-09-2010 a las 08:25:59