এজেক্স সমীক্ষা
- পূর্ববর্তী পৃষ্ঠা ওয়েব জিওলোকেশন এপিআই
- পরবর্তী পৃষ্ঠা এজেক্স এক্সএমএলহাট
AJAX ডেভেলপারদের স্বপ্ন, কারণ আপনি পারেন:
- পাতা ফিরিয়ে না দিয়ে ওয়েবসাইট নতুন করে দেখানো
- পাতা লোড হওয়ার পর সার্ভার থেকে ডাটা অনুরূপ
- পাতা লোড হওয়ার পর সার্ভার থেকে ডাটা গ্রহণ
- পিছনের পক্ষে সার্ভারে ডাটা পাঠানো
এজেক্স ইনস্ট্যান্স
নিচের বাটনটি ক্লিক করে AJAX-এর দ্বারা এই টেক্সটটি পরিবর্তন করুন:
AJAX এক্সেম্প্লায়ার ব্যাখ্যা
HTML পাতা
<!DOCTYPE html> <html> <body> <div id="demo"> <h2>এই টেক্সটটি AJAX-এর দ্বারা পরিবর্তন করুন</h2> <button type="button" onclick="loadDoc()">টেক্সট পরিবর্তন</button> </div> </body> </html>
এই HTML পাতা একটি <div> এবং একটি <button> ধারণ করে。
<div> সার্ভার থেকে তথ্য দেখানোর জন্য ব্যবহৃত হয়。
<button> ফাংশন কল করুন (যখন এটা ক্লিক করা হয়)。
এই ফাংশন ওয়েব সার্ভার থেকে ডাটা অনুরূপ করে এবং তা দেখায়:
Function loadDoc()
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();
}
আজকে AJAX কি?
AJAX = এসিনক্রোনাস জজাভাস্ক্রিপ্ট এন্ড এক্সএমএল.
এজেক্স একটি প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়。
এজেক্স কেবল নিচেরগুলোকে মিলিয়েছে:
- ব্রাউজারের মধ্যেইস্টিক্স XMLHttpRequest অবজেক্ট (ওয়েব সার্ভার থেকে ডেটা অনুরোধ করা)
- জেভাস্ক্রিপ্ট এবং এইচটিএমএল ডম (প্রদর্শন বা ডেটা ব্যবহার)
এজেক্স একটি ভুল নাম।এজেক্স অ্যাপ্লিকেশনটি ডেটা ট্রান্সফার করতে XML ব্যবহার করতে পারে, কিন্তু পুর্ণ টেক্সট বা JSON টেক্সট হিসাবেও সাধারণ
এজেক্স ওয়েবসার্ভারের পিছনের সাথে ডেটা আদান-প্রদান করে অসিনক্রোনাসভাবে ওয়েবপেজকে অপডেট করে।এই মানে যে, ওয়েবপেজের অংশবিশেষকে অপডেট করা যায়, সমগ্র পাতা পুনরায় লোড করা নয়。
এজেক্স কিভাবে কাজ করে
- ওয়েবপেজে একটি ঘটনা ঘটে (যেমন পাতা লোড হওয়া, বাটন ক্লিক করা)
- জেভাস্ক্রিপ্ট দ্বারা XMLHttpRequest অবজেক্ট তৈরি করা
- XMLHttpRequest অবজেক্ট ওয়েব সার্ভারের প্রতিজ্ঞা পাঠাবে
- সার্ভার এই প্রতিজ্ঞা প্রক্রিয়াকরণ করবে
- সার্ভার প্রতিক্রিয়া ওয়েবপেজে পাঠাবে
- জেভাস্ক্রিপ্ট দ্বারা প্রতিক্রিয়া পড়া
- জেভাস্ক্রিপ্ট দ্বারা সঠিক কার্যকলাপ করুন (যেমন পাতা আপডেট করা)
- পূর্ববর্তী পৃষ্ঠা ওয়েব জিওলোকেশন এপিআই
- পরবর্তী পৃষ্ঠা এজেক্স এক্সএমএলহাট
