با سلام خدمت کاربران گرامی سایت پی وی لرن و علاقمندان و کاربرانی که علاقمند به یادگیری دوره XML هستند. در جلسه گذشته آموختیم که یکی از قابلیت ها و نقاط قوت AJAX این بود که می توان از PHP نیز در آن استفاده کرد. در ادامه سلسله مباحث آموزش XML با آموزش کار با ASP در AJAX همراه شما کاربران خوب پی وی لرن هستیم.
ویژگی تعامل پذیر بودن AJAX اجازه می دهد که از ASP نیز در آن بهره برد و آن را با کمک AJAX به کار برد. ( در جلسات پیش این دوره آموزشی مختصر توضیحاتی راجع به ASP ارائه کردیم.)
به مثال زیر توجه نمایید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <html> <head> <script> function showHint(str) { if (str.length == 0) { document.getElementById("txtHint").innerHTML = ""; return; } else { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("txtHint").innerHTML = this.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> |
ابتدا بررسی کنید که آیا فیلد ورودی خالی است (str.length == 0).
در صورت پر بودن آن، محتوای txtHint placeholder را پاک کنید و از تابع خارج شوید.
با این حال، اگر فیلد ورودی خالی نبود ، موارد زیر را انجام دهید:
فایل ASP یک Array از نام ها را بررسی می کند و نام (ها) مربوطه را به مرورگر باز می گرداند:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | <% 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 %> |
در این جلسه آموزش کار با ASP در AJAX را به دوستداران AJAX و XML ارائه کردیم.
تعاملی بودن AJAX این قابلیت را در آن ایجاد کرده که بتواند علاوه بر PHP
در ادامه و در جلسه بعد به آموزش database در AJAX همراه شما خواهیم بود.
با پی وی همراه باشید.