Latest web development tutorials

ASP - AJAX e ASP

AJAX viene utilizzato per creare applicazioni più interattive.

esempi AJAX ASP

Gli esempi che seguono dimostrano quando l'utente digita in una scatola di immissione dei caratteri, come le pagine web comunicano con il server Web:

Esempi

Start typing a name in the input field below:

First name:

Suggestions:


pagina HTML - Esempi spiegano

Quando un utente in quanto sopra carattere casella di input esegue ") ShowHint (" la funzione. Questa funzione è costituito da "onkeyup" Trigger Event:

<!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>

Fonte ha spiegato:

Se la casella di input è vuota (str.length == 0), questa funzione si cancellerà txtHint segnaposto di contenuto, e uscire dalla funzione.

Se la casella di input non è vuota, allora ShowHint () esegue le seguenti operazioni:

  • Creare l'oggetto XMLHttpRequest
  • Creare funzione quando il server è pronto per eseguire la risposta
  • File sul server per inviare le richieste
  • Si prega di notare che l'aggiunta di (contiene testo) alla fine del parametro URL (q)

file ASP

I suddetti server tramite JavaScript chiamando questa pagina è chiamato file ASP "gethint.asp".

"Gethint.asp" codice sorgente controlla array di nomi, e poi restituito al browser nome corrispondente:

<%
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
%>

Spiegazione: Se il JavaScript inviare qualsiasi testo (ad esempio, strlen ($ q)> 0), si verifica:

  1. Trova corrispondenti caratteri di inviare i nomi di JavaScript
  2. Se non viene trovata alcuna corrispondenza, la stringa di risposta è impostato su "alcun indizio"
  3. Se si trova uno o più nomi di corrispondenza, i nomi di tutte le impostazioni con la stringa di risposta
  4. L'invio di una risposta al segnaposto "txtHint"