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 ਆਬਜੈਕਟ ਬਣਾਓ
  • ਜਦੋਂ ਸੇਵਰ ਪ੍ਰਤੀਕਿਰਿਆ ਤਿਆਰ ਹੋਈ ਤਾਂ ਚਲਾਉਣ ਵਾਲੀ ਫੰਕਸ਼ਨ ਬਣਾਓ
  • ਸੇਵਰ ਉੱਤੇ ਏਸਪੀ ਫਾਈਲ (gethint.asp) ਨੂੰ ਰਿਕਾਰਡ ਕਰੋ
  • ਕਿਰਪਾ ਕਰਕੇ gethint.asp ਵਿੱਚ q ਪੈਰਾਮੀਟਰ ਜੋੜੋ
  • str ਵਰਗੀ ਮਾਹੌਲ ਇਨਪੁਟ ਫੀਲਡ ਦਾ ਸਮਾਂਤਰ ਸੰਭਾਲਦੀ ਹੈ

ASP ਫਾਈਲ - "gethint.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
   next
 end if
 ਜੇਕਰ hint ਨਹੀਂ ਮਿਲਿਆ, ਤਾਂ "no suggestion" ਪ੍ਰਦਾਨ ਕਰੋ, ਜਾਂ ਸਹੀ ਮੁੱਲ ਪ੍ਰਦਾਨ ਕਰੋ
 if hint="" then
   response.write("no suggestion")
 else
   response.write(hint)
 end if
%>