AJAX एएसपी उदाहरण
AJAX का उपयोग अधिक इंटरैक्टिव एप्लिकेशन बनाने के लिए किया जाता है।
AJAX एएसपी उदाहरण
निम्नलिखित उदाहरण प्रदर्शित करेगा कि कैसे एक वेब पेज एक वेब सर्वर के साथ संचार कर सकता है जबकि एक उपयोगकर्ता इनपुट फ़ील्ड में वर्ण टाइप करता है:
उदाहरण
Start typing a name in the input field below:
Suggestions:
First name:
उदाहरण समझाया गया
उपरोक्त उदाहरण में, जब कोई उपयोगकर्ता इनपुट फ़ील्ड में एक वर्ण टाइप करता है, तो एक फ़ंक्शन showHint()
को निष्पादित किया जाता है।
onkeyup
समारोह घटना से शुरू होता है ।
यहाँ कोड है:
उदाहरण
<p>Start typing a name in the input field below:</p>
<p>Suggestions: <span id="txtHint"></span></p>
<form>
First name: <input type="text" onkeyup="showHint(this.value)">
</form>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
document.getElementById("txtHint").innerHTML = this.responseText;
}
xmlhttp.open("GET", "gethint.asp?q=" + str);
xmlhttp.send();
}
}
</script>
कोड स्पष्टीकरण:
सबसे पहले, जांचें कि क्या इनपुट फ़ील्ड खाली है (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
%>