آجكس براي ايجاد برنامه تعاملي بيشتر مورد استفاده قرار ميگيرد.
مثال زير نشان ميدهد كه چگونه يك صفحه وب ميتواند با يك وب سرور ارتباط برقراركند در حالي كه كاربر كراكترها را در يك فيلد ورودي تايپ ميكند:
Start typing a name in the input field below:
Suggestions:
First name:
تشــريح مثال:
در مثال فوق كاربر كراكتري را در فيلد وردي تايپ ميكند، تابعي بنام showHint( )اجرا ميگردد .اين اتفاق توسط رويداد onkeyupانجام ميشود . هر كراكتري كه تايپ ميگردد، توسط تابع پيشنهاد ها در بخشSeggestions ظاهر ميشود .
كد آن مطابق زيراست:
<div class="w3-example" dir="ltr"> <div style="margin-left: 50px;" class="w3-padding w3-white notranslate"> <p <b>Start typing a name in the input field below:</b></p> <p Suggestions: id="txtHint"></p> <p First name: <input type="text" id="txt1" onkeyup="showHintASP(this.value)"></p> </div> <br> </div> <script> function showHintASP(str) { if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } const xmlhttp=new XMLHttpRequest(); xmlhttp.onload = function() { document.getElementById("txtHint").innerHTML=this.responseText; } xmlhttp.open("GET","gethint.asp?q="+str,true); xmlhttp.send(); } </script >
توضيح كد:
ابتدا ، اگر فيلد ورودي تهي باشد، يعني(str.lenght==0) اگر اين شرط برقرار. باشد، محتوي مكان نمايtxtHint پاك شده واز تابع خارج ميشود.
اما اگر فيلد ورودي خالي نيست، موارد زير انجام ميشود:
فايل آ اس پي"gethint.asp" مطابق زير است:
فايلASP آرايه اي از نام هارا بررسي ميكند ونام هاي متناسب با ورودي را بعنوان پيشنهاد بمرورگر برميگرداند:
<% 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 %>