Latest web development tutorials

ASP - AJAX y ASP

AJAX se utiliza para crear aplicaciones más interactivas.

ejemplos AJAX ASP

Los siguientes ejemplos demostrarán cuando el usuario escribe en un cuadro de entrada de caracteres, el número de páginas Web se comunican con el servidor Web:

Ejemplos

Start typing a name in the input field below:

First name:

Suggestions:


Ejemplos explican - página HTML

Cuando un usuario en el carácter cuadro de entrada anterior lleva a cabo "ShowHint) (" función. Esta función consiste en "onkeyup" Evento de disparo:

<!DOCTYPE html>
<html>
<head>
<script>
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","gethint.asp?q="+str,true);
xmlhttp.send();
}
</script>
</head
<body>

<p><b>Start typing a name in the input field below:</b></p>
<form>
First name: <input type="text" onkeyup="showHint(this.value)" size="20">
</form>
<p>Suggestions: <span id="txtHint"></span></p>

</body>
</html>

Fuente explicó:

Si el cuadro de entrada está vacía (str.length == 0), esta función se aclarará txtHint marcador de contenido, y salir de la función.

Si el cuadro de entrada no está vacía, entonces ShowHint () realiza los siguientes pasos:

  • Crear objeto XMLHttpRequest
  • Crear función cuando el servidor está listo para llevar a cabo la respuesta
  • Archivo en el servidor para enviar solicitudes
  • Tenga en cuenta que la adición de (contiene cuadro de entrada) al final del parámetro de URL (q)

archivo ASP

Los servidores anteriores a través de JavaScript que llaman esta página se llama "archivos ASP gethint.asp".

"Gethint.asp" código fuente comprueba variedad de nombres, y luego regresó al navegador nombre correspondiente:

<%
response.expires=-1
dim a(30)
'Fill up array with names
a(1)="Anna"
a(2)="Brittany"
a(3)="Cinderella"
a(4)="Diana"
a(5)="Eva"
a(6)="Fiona"
a(7)="Gunda"
a(8)="Hege"
a(9)="Inga"
a(10)="Johanna"
a(11)="Kitty"
a(12)="Linda"
a(13)="Nina"
a(14)="Ophelia"
a(15)="Petunia"
a(16)="Amanda"
a(17)="Raquel"
a(18)="Cindy"
a(19)="Doris"
a(20)="Eve"
a(21)="Evita"
a(22)="Sunniva"
a(23)="Tove"
a(24)="Unni"
a(25)="Violet"
a(26)="Liza"
a(27)="Elizabeth"
a(28)="Ellen"
a(29)="Wenche"
a(30)="Vicky"

'get the q parameter from URL
q=ucase(request.querystring("q"))

'lookup all hints from array if length of q>0
if len(q)>0 then
hint=""
for i=1 to 30
if q=ucase(mid(a(i),1,len(q))) then
if hint="" then
hint=a(i)
else
hint=hint & " , " & a(i)
end if
end if
next
end if

'Output "no suggestion" if no hint were found
'or output the correct values
if hint="" then
response.write("no suggestion")
else
response.write(hint)
end if
%>

Explicación: Si el JavaScript enviar cualquier texto (es decir, strlen ($ q)> 0), se produce:

  1. Encontrar los correspondientes caracteres para enviar los nombres de JavaScript
  2. Si no se encuentra ninguna coincidencia, la cadena de respuesta está ajustado en "ningún indicio"
  3. Si encuentra uno o más nombres a juego, los nombres de todos los ajustes con la cadena de respuesta
  4. Enviar una respuesta al marcador de posición "txtHint"