Blog

// HTML
<button onclick="loadText()">টেক্সট লোড করুন</button>
<div id="output"></div>

// JavaScript
function loadText() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "demo.txt", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      document.getElementById("output").innerHTML = xhr.responseText;
    }
  };
  xhr.send();
}
    

// PHP (data.json ফাইল):
{
  "name": "Hasan",
  "age": 28,
  "city": "Dhaka"
}

// JavaScript:
function loadJSON() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "data.json", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var data = JSON.parse(xhr.responseText);
      document.getElementById("output").innerHTML =
        "নাম: " + data.name + "<br>" +
        "বয়স: " + data.age + "<br>" +
        "শহর: " + data.city;
    }
  };
  xhr.send();
}
    

function loadData() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "invalid.txt", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
      if (xhr.status == 200) {
        document.getElementById("output").innerHTML = xhr.responseText;
      } else {
        document.getElementById("output").innerHTML = 
          "Error: " + xhr.status + " (" + xhr.statusText + ")";
      }
    }
  };
  xhr.send();
}