AJAX ASP इस्टेंस

AJAX का उपयोग अधिक संचारकारी अनुप्रयोगों के लिए किया जाता है。

AJAX ASP इस्टेंस

नीचे का उदाहरण दिखाता है: जब उपयोगकर्ता इनपुट फ़ील्ड में अक्षर भरता है, तो वेबसाइट कैसे वेब सर्वर से संचार करती है:

उदाहरण

कृपया नीचे इनपुट फ़ील्ड में अक्षर A-Z भरें:

नाम:

सर्च सुझाव:

उदाहरण व्याख्या

उपरी उदाहरण में, जब उपयोगकर्ता इनपुट फ़ील्ड में अक्षर भरता है, तो "showHint()" नामक फ़ंक्शन चलता है。

यह फ़ंक्शन onkeyup इवेंट से ट्रिगर होता है。

नीचे HTML कोड है:

उदाहरण

<html>
<head>
<script>
function showHint(str) {
    if (str.length == 0) { 
        document.getElementById("txtHint").innerHTML = "";
        return;
    }
        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>कृपया नीचे दिए इनपुट फ़ील्ड में अक्षर A-Z भरें:</b></p>
<form> 
उपनाम:<input type="text" onkeyup="showHint(this.value)">
</form>
<p>सर्च सुझाव:<span id="txtHint"></span></p>
</body>
</html>

खुद एक बार प्रयास करें

कोड व्याख्या:

पहले, इनपुट फ़ील्ड को खाली है की जाँच करें (str.length == 0）；अगर होता है, तो txtHint प्लेसहोल्डर की सामग्री को खाली करें और फ़ंक्शन बाहर निकलें。

यदि इनपुट फ़ील्ड खाली नहीं है, तो इस प्रकार करें:

  • XMLHttpRequest ऑब्जैक्ट बनाएं
  • सर्वर जब जवाब तैयार होने जाए तो चलाने वाली फ़ंक्शन बनाएं
  • सर्वर पर ASP फ़ाइल (gethint.asp) को संदेश भेजें
  • कृपया gethint.asp में q पैरामीटर जोड़ें
  • str वेरियेबल इनपुट फ़ील्ड की सामग्री को सहेजती है

ASP फ़ाइल - "gethint.asp"

यह ASP फ़ाइल नाम मापदण्ड की जाँच करती है और ब्राउज़र को उसी नाम को वापस करती है:

<%
 response.expires=-1
 dim a(32)
 उपनामों को मापदण्ड में भरें
 a(1)="Ava"
 a(2)="Brielle"
 a(3)="Caroline"
 a(4)="Diana"
 a(5)="Elise"
 a(6)="Fiona"
 a(7)="Grace"
 a(8)="Hannah"
 a(9)="Ileana"
 a(10)="Jane"
 a(11)="Kathryn"
 a(12)="Laura"
 a(13)="Millie"
 a(14)="Nancy"
 a(15)="Opal"
 a(16)="Petty"
 a(17)="Queenie"
 a(18)="Rose"
 a(19)="Shirley"
 a(20)="Tiffany"
 a(21)="Ursula"
 a(22)="Victoria"
 a(23)="Wendy"
 a(24)="Xenia"
 a(25)="Yvette"
 a(26)="Zoe"
 a(27)="Angell"
 a(28)="Adele"
 a(29)="Beatty"
 a(30)="Carlton"
 a(31)="Elisabeth"
 a(32)="Violet"
 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
   नेक्स्ट
 end if
 यदि hint नहीं मिला, तो "no suggestion" आउटपुट करें या सही मान को आउटपुट करें
 if hint="" then
   response.write("no suggestion")
 else
   response.write(hint)
 end if
%>