AJAX viene utilizzato per creare applicazioni più interattive.
AJAX ASP Esempio
Il seguente esempio dimostrerà come una pagina web in grado di comunicare con un server web, mentre un tipo di utente caratteri in un campo di ingresso:
Esempio
Start typing a name in the input field below:
First name:Suggestions:
esempio spiegato
Nell'esempio precedente, quando un utente digita un carattere nel campo di input, una funzione chiamata "showHint()" viene eseguita.
La funzione viene attivata dal onkeyup evento.
Ecco il codice HTML:
Esempio
<html>
<head>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
var xmlhttp = new
XMLHttpRequest();
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)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html> Prova tu stesso " Codice spiegazione:
In primo luogo, verificare se il campo di input è vuoto (str.length == 0) . Se lo è, cancellare il contenuto della txtHint segnaposto e uscire dalla funzione.
Tuttavia, se il campo di input non è vuoto, effettuare le seguenti operazioni:
- Crea un XMLHttpRequest oggetto
- Creare la funzione da eseguire quando la risposta server è pronto
- Inviare la richiesta via a un file ASP (gethint.asp) sul server
- Si noti che q parametro viene aggiunto gethint.asp?q="+str
- La variabile str detiene il contenuto del campo di inserimento
Il file ASP - "gethint.asp"
Il file ASP controlla una serie di nomi, e restituisce il relativo name(s) al browser:
<%
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
%>