এজেক্স - সার্ভার রেসপন্স

অপশিক্ষা

readyState পাঠ্যসাহিত্য সূচী

onreadystatechange onreadystatechange প্রতিবর্তনযোগ্যতা

status প্রতিবর্তনযোগ্যতা এক্সপ্রেসসিওনসমূহকে নির্ধারণ Http মেসেজ রেফারেন্স ম্যানুয়েল প্রতিবর্তনযোগ্যতা এক্সপ্রেসসিওনসমূহকে নির্ধারণ

প্রতিশব্দ বর্ণনা
onreadystatechange এক্সপ্রেসসিওনসমূহকে পরিবর্তিত করা
readyState

পরিবর্তনযোগ্যতা সম্পর্কে পরিবর্তনকারী ফাংশন নির্ধারণ

  • সংরক্ষিত XMLHttpRequest এর স্টেটাস
  • 0: য়ার্ক প্রথম ইনিশিয়েলাইজ করা
  • 1: য়ার্ক সার্ভার সংযোগ তৈরি
  • 2: য়ার্ক গ্রহণ করা
  • 3: য়ার্ক প্রক্রিয়াকরণের মধ্যে
status
  • 4: য়ার্ক সম্পন্ন এবং প্রতিক্রিয়া প্রস্তুত
  • 200: "OK"
  • 403: "Forbidden"

404: "Page not found" সম্পূর্ণ তালিকা পাওয়ার জন্য, এই সমীক্ষা পরিদর্শন করুন
Http মেসেজ রেফারেন্স ম্যানুয়েল statusText

প্রত্যাহার হয় স্টেটাস টেক্সট (উদাহরণ, "OK" বা "Not Found") প্রত্যেকবার

readyState পরিবর্তিত হলে, onreadystatechange ফাংশন বালা হবে。 readyState জন্য 4এবংstatus জন্য 200 যখন, প্রতিক্রিয়া প্রস্তুত হয়:

ইনস্ট্যান্স

function loadDoc() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("demo").innerHTML =
            this.responseText;
       }
    };
    xhttp.open("GET", "ajax_info.txt", true);
    xhttp.send(); 
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

মন্তব্য:onreadystatechange পাঁচবার (0-4) টাইম স্প্রিংকল হয়, প্রত্যেকবার readyState সবকটাই পরিবর্তিত হয়

কেন্দ্রীয় ফাংশন ব্যবহার করা

কেন্দ্রীয় ফাংশন একটি অন্য ফাংশনের প্রামাণ্য হিসাবে পাঠানো হয়。

আপনার ওয়েবসাইটে একাধিক AJAX টাস্ক থাকলে, তবে আপনাকে XMLHttpRequest অবজেক্ট কর্মকারী ফাংশন এবং প্রত্যেক AJAX টাস্ক কেন্দ্রীয় ফাংশন তৈরি করতে হবে。

এই ফাংশনটি একটি URL এবং প্রতিক্রিয়া প্রস্তুত হলে কোনও ফাংশন বলে আহ্বান করার জন্য হয়।

ইনস্ট্যান্স

loadDoc("url-1", myFunction1);
loadDoc("url-2", myFunction2);
function loadDoc(url, cFunction) {
  var xhttp;
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      cFunction(this);
    }
  };
  xhttp.open("GET", url, true);
  xhttp.send();
}
function myFunction1(xhttp) {
  // এখানে কাজ চলছে
 } 
function myFunction2(xhttp) {
  // এখানে কাজ চলছে
 }

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সার্ভার প্রতিক্রিয়া প্রতিশব্দ

প্রতিশব্দ বর্ণনা
responseText স্ট্রিং ফরম্যাটের প্রতিক্রিয়া ডাটা পাওয়া
responseXML XML ডাটা ফরম্যাটের প্রতিক্রিয়া ডাটা পাওয়া

সার্ভার প্রতিক্রিয়া পদ্ধতি

পদ্ধতি বর্ণনা
getResponseHeader() সার্ভার থেকে নির্দিষ্ট হেডার তথ্য ফিরিয়ে দেয়
getAllResponseHeaders() সার্ভার থেকে সমস্ত হেডার তথ্য ফিরিয়ে দেয়

responseText অপারেশন

responseText এই প্রতিশব্দটি ব্যবহার করে, আপনি সার্ভার প্রতিক্রিয়াকে JavaScript স্ট্রিং হিসাবে ফিরিয়ে দিতে পারেন এবং এইভাবে ব্যবহার করতে পারেন:

ইনস্ট্যান্স

document.getElementById("demo").innerHTML = xhttp.responseText;

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

responseXML অপারেশন

responseXML অপারেশন

XML HttpRequest অবজেক্টটির একটি বৃত্তান্ত্য এক্সএমএল পার্সার রয়েছে。 ResponseXML

এই প্রকৃতির প্রতিশব্দ ব্যবহার করে, আপনি প্রতিক্রিয়াকে XML DOM অবজেক্ট হিসাবে ফিরিয়ে দিতে পারেন。পার্সিংএকটি XML DOM অবজেক্টের জন্য:

ইনস্ট্যান্স

অনুরোধ ফাইল music_list.xml، এবং প্রতিক্রিয়াকে বিশ্লেষণ করুন:

xmlDoc = xhttp.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("ARTIST");
for (i = 0; i < x.length; i++) {
  txt += x[i].childNodes[0].nodeValue + "<br>";
  }
document.getElementById("demo").innerHTML = txt;
xhttp.open("GET", "music_list.xml", true);
xhttp.send();

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

আপনি এই টিউটোরিয়ালের DOM চপ্তীতে XML DOM সম্পর্কে আরও বেশি জানতে পাবেন。

getAllResponseHeaders() মথড

getAllResponseHeaders() মথড সার্ভার রেসপন্স থেকে সকল হেডার তথ্য পুনরায় প্রদান করে

ইনস্ট্যান্স

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.getAllResponseHeaders();
  }
};

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

getResponseHeader() মথড

getResponseHeader() মথড সার্ভার রেসপন্স থেকে নির্দিষ্ট হেডার তথ্য পুনরায় প্রদান করে

ইনস্ট্যান্স

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.getResponseHeader("Last-Modified");
  }
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন