AJAX wird zum Erstellen dynamischerer Anwendungen verwendet. In diesem Artikel werden die zugehörigen Kenntnisse erläutert.
Erläuterung der Beispiele – Funktion showHint()
Wenn der Benutzer Zeichen in das Eingabefeld oben eingibt, wird die Funktion „showHint()“ ausgeführt. Diese Funktion wird durch das Ereignis „onkeyup“ ausgelöst:
function showHint(str) { var xmlhttp; 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(); }
Erklärung des Quellcodes:
Wenn das Eingabefeld leer ist (str.length==0), dann Diese Funktion löscht den Inhalt des Platzhalters txtHint und beendet die Funktion .
Wenn das Eingabefeld nicht leer ist, führt die Funktion showHint() die folgenden Aufgaben aus:
Erstellt ein XMLHttpRequest-Objekt
Führt die Funktion aus, wenn die Serverantwort bereit ist
Anfrage wird an die Datei auf dem Server gesendet
Beachten Sie, dass wir der URL
AJAX Server Page – ASP einen Parameter q (mit dem Inhalt des Eingabefelds) hinzugefügt haben und PHP
Die vom oben genannten JavaScript aufgerufene Serverseite ist eine ASP-Datei mit dem Namen „gethint.asp“.
Nachfolgend erstellen wir zwei Versionen der Serverdatei, eine in ASP und die andere in PHP.
Der Quellcode in der ASP-Datei
"gethint.asp" überprüft ein Array von Namen und gibt den entsprechenden Namen an den Browser zurück:
<%
Response.expires=-1
dim a(30)' Füllen Sie das Array 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"'获得来自 URL 的 q 参数q=ucase(request.querystring("q"))'如果 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'Wenn die Eingabeaufforderung nicht gefunden wird, geben Sie „kein Vorschlag“ aus "' Andernfalls geben Sie den korrekten Wert aus, wenn hint="" then
response.write("no suggestion")
else
response.write(hint)
end if
%>
PHP-Datei
Der folgende Code ist in PHP geschrieben und hat die gleiche Funktion wie der obige ASP-Code.
Hinweis: Um dieses Beispiel in PHP auszuführen, ändern Sie bitte den Wert der URL-Variablen (im Javascript-Code) von „gethint.asp“ in „gethint.php“.
$a[]="Brittany"; $a[]="Cinderella"; $a[]="Diana"; $a[]="Eva"; $a[]="Fiona"; $a[]="Gunda"; $a[]="Hege"; $a[]="Inga"; $a[]="Johanna"; $a[]="Kitty"; $a[]="Linda"; $a[]="Nina"; $a[]="Ophelia"; $a[]="Petunia"; $a[]="Amanda"; $a[]="Raquel"; $a[]="Cindy"; $a[]="Doris"; $a[]="Eve"; $a[]="Evita"; $a[]="Sunniva"; $a[]="Tove"; $a[]="Unni"; $a[]="Violet"; $a[]="Liza"; $a[]="Elizabeth"; $a[]="Ellen"; $a[]="Wenche"; $a[]="Vicky";//获得来自 URL 的 q 参数$q=$_GET["q"];//如果 q 大于 0,则查找数组中的所有提示if (strlen($q) > 0) { $hint=""; for($i=0; $i<count($a); $i++) { if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q)))) { if ($hint=="") { $hint=$a[$i]; } else { $hint=$hint." , ".$a[$i]; } } } }// 如果未找到提示,则把输出设置为 "no suggestion"// 否则设置为正确的值if ($hint == "") { $response="no suggestion"; } else { $response=$hint; }//输出响应echo $response; ?>
Dieser Artikel enthält relevante Erklärungen zu AJAX ASP/PHP-Anfragen, z Weitere Lernmaterialien finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
Eine Beispielerklärung von XML in AJAX
MySQLs erste Einführung in SQL-Anweisungen und Bibliotheksoperationen
Das obige ist der detaillierte Inhalt vonVerwandtes Wissen über AJAX ASP/PHP-Anfragebeispiele. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!