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