AJAX एएसपी उदाहरण
AJAX का उपयोग अधिक इंटरैक्टिव एप्लिकेशन बनाने के लिए किया जाता है।
AJAX एएसपी उदाहरण
निम्नलिखित उदाहरण प्रदर्शित करेगा कि कैसे एक वेब पेज एक वेब सर्वर के साथ संचार कर सकता है जबकि एक उपयोगकर्ता इनपुट फ़ील्ड में वर्ण टाइप करता है:
उदाहरण
Start typing a name in the input field below:
उदाहरण समझाया गया
उपरोक्त उदाहरण में, जब कोई उपयोगकर्ता इनपुट फ़ील्ड में एक वर्ण टाइप करता है, तो "शोहिंट ()" नामक एक फ़ंक्शन निष्पादित होता है।
फ़ंक्शन ऑनकीअप ईवेंट द्वारा ट्रिगर किया गया है।
यहाँ एचटीएमएल कोड है:
उदाहरण
<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 प्लेसहोल्डर की सामग्री को साफ़ करें और फ़ंक्शन से बाहर निकलें।
हालाँकि, यदि इनपुट फ़ील्ड खाली नहीं है, तो निम्न कार्य करें:
- XMLHttpRequest ऑब्जेक्ट बनाएं
- सर्वर प्रतिक्रिया तैयार होने पर निष्पादित होने के लिए फ़ंक्शन बनाएं
- सर्वर पर किसी ASP फ़ाइल (getint.asp) को अनुरोध भेजें
- ध्यान दें कि q पैरामीटर जोड़ा गया है gethint.asp?q="+str
- str चर इनपुट फ़ील्ड की सामग्री रखता है
एएसपी फ़ाइल - "getint.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
%>