ASP - AJAX এবং ASP

AJAX ব্যবহার করে অধিক গতিশীল অ্যাপলিকেশন তৈরি করা যায়。

AJAX ASP প্রয়োগসূত্র

নিচের উদাহরণটি দেখাবে যে, যখন ব্যবহারকারী ইনপুট বক্সে অক্ষর লিখেন, ওয়েবসাইট কিভাবে সার্ভারের সাথে যোগাযোগ করে:

প্রয়োগসূত্র

অনুগ্রহ করে নিচের ইনপুট বক্সে অক্ষর (A - Z) লিখুন:

নাম:

পরামর্শ:

স্বয়ং সোর্স কোড প্রয়োগ করুন

প্রয়োগসূত্র ব্যাখ্যা - HTML পৃষ্ঠা

যখন ব্যবহারকারী উপরোক্ত ইনপুট বক্সে অক্ষর লিখেন, "showHint()" ফাংশন চালু হয়। এই ফাংশন "onkeyup" ইভেন্ট দ্বারা স্পুর্ত হয়:

<!DOCTYPE html>
<html>
<head>
<script>
function showHint(str)
{
if (str.length==0)
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// IE7+, Firefox, Chrome, Opera, Safari-র জন্য কোড
  xmlhttp=new XMLHttpRequest();
  }
else
  {// IE6, IE5-র জন্য কোড
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","gethint.asp?q="+str,true);
xmlhttp.send();
}
</script>
</head
<body>
<p><b>ইনপুট বক্সে অংশগ্রহণকারী লিপি লিখুন:</b></p>
<form>
প্রথম নাম: <input type="text" onkeyup="showHint(this.value)" size="20">
</form>
<p>সুপারিশ: <span id="txtHint"></span></p>
</body>
</html>

সূত্র কোড ব্যাখ্যা:

যদি ইনপুট বক্স খালি হয় (str.length==0)，তবে ফাংশনটি টেক্সটহিন্ট txtHint এর কনটেন্ট খালি করে ফাংশনটি প্রস্তুত করবে。

যদি ইনপুট বক্স খালি না হয় (str.length==0)，তবে showHint() নিম্নলিখিত পদক্ষেপ গ্রহণ করবে:

  • XMLHttpRequest অবজেক্ট তৈরি করা
  • সার্ভার প্রতিক্রিয়া পাওয়ার পরে একটি ফাংশন তৈরি করা
  • সার্ভারের ফাইলের জন্য অনুরোধ পাঠানো
  • পরীক্ষা করুন URL শেষের দিকে পারামিটার (q) যোগ করা হয়েছে (ইনপুট বক্সের কনটেন্ট সহ)

ASP ফাইল

এইটা JavaScript কোডটি সার্ভারের পৃষ্ঠা বানানো যা "gethint.asp" নামক ASP ফাইল

"gethint.asp"-এর সূত্র কোড নাম অ্যারেকে পরীক্ষা করবে এবং ব্রাউজারে একটি সঠিক নাম প্রদর্শন করবে:

<%
response.expires=-1
dim a(30)
'নাম অ্যারেতে পূর্ণ করুন
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"
'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
'যদি কোন সুঝানা পাওয়া যায়নি, তবে "no suggestion" প্রদর্শন করুন
'কিনা সঠিক মান প্রদর্শন করুন
if hint="" then
  response.write("no suggestion")
else
  response.write(hint)
end if
%>

সূত্র কোড ব্যাখ্যা:

যদি জেভাস্ক্রিপ্ট কোন টেক্সট পাঠায় (অর্থাৎ strlen($q) অধিকাংশ ০ হয়), তবে ঘটবে:

  • জাভাস্ক্রিপ্ট থেকে আসা অক্ষরগুলির মাটচিং নাম সার্চ করো
  • যদি কোনও মাটচিং নাম পাওয়া যায় না, তবে প্রতিক্রিয়া স্ট্রিং "no suggestion" হয়ে ফিরবে
  • যদি একটি বা একাধিক মাটচিং নাম পাওয়া যায়, তবে সমস্ত নাম দিয়ে প্রতিক্রিয়া স্ট্রিং সজ্জিত করা হবে
  • প্রতিক্রিয়াটিকে "txtHint" হলের জায়গায় পাঠানো