এজাক্স কিভাবে কাজ করে? এজাক্স দ্বারা তথ্য কিভাবে প্রদর্শন করাতে হয়?~~Hedaet Forum~~

এজাক্স কিভাবে কাজ করে? এজাক্স দ্বারা তথ্য কিভাবে প্রদর্শন করাতে হয়?

প্রথমে তিনটি ফাইল তৈরি করি index.html, script.js ও data.txt
যেমন:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>AJAX Bangla Tutorial</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>

আর জাভাস্ক্রিপ্টের ফাইলটি হলো:

for (var i = 0; i < 100; i++) {
var request = new XMLHttpRequest();
request.open('GET', 'data.txt', false);
request.send();
if (request.status===200) {
console.log(request);
document.writeln(request.responseText);
}
}

XMLHttpRequest সম্পর্কে আরোও বিস্তারিত জানতে চাইলে মজিলা ডেভলাপার নেটওয়ার্ক ওয়েবসাইটটিতে দেখতে পারেন। লিঙ্ক হলো:
https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest

সব ব্রাউজারে যাতে ঠিকঠাক মত কাজ করে, তার জন্য script.js ফাইলটি হাল্কা পরিবর্তন করা হয়েছে।

var request;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
} else {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
request.open('GET', 'data.txt');
request.onreadystatechange = function() {
if ((request.readyState===4) && (request.status===200)) {
console.log(request);
document.writeln(request.responseText);
}
}
request.send();