Ajax রিকোয়েস্ট দুটি পদ্ধতিতে কাজ করতে পারে: Asynchronous এবং Synchronous। এই দুটি পদ্ধতির মধ্যে মূল পার্থক্য হলো কিভাবে ব্রাউজার সার্ভারের সাথে যোগাযোগ করে এবং কিভাবে রেসপন্সের জন্য অপেক্ষা করে। নিচে Asynchronous এবং Synchronous Ajax এর মধ্যে পার্থক্য ব্যাখ্যা করা হলো:
১. অ্যাসিনক্রোনাস নেচার:
২. ইউজার ইন্টারফেস ফ্রিজ না হওয়া:
৩. ব্যবহার:
৪. কোড উদাহরণ:
var xhr = new XMLHttpRequest();
xhr.open("GET", "data-url.json", true); // true = Asynchronous
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText); // রেসপন্স ডেটা প্রসেস করা
}
};
xhr.send();
true
প্যারামিটারটি নির্দেশ করে যে রিকোয়েস্ট অ্যাসিনক্রোনাসভাবে কাজ করবে। এটি পেজের অন্যান্য কাজ চলমান অবস্থায় রিকোয়েস্ট প্রক্রিয়া চালিয়ে যাবে।৫. প্রসেসিং ইফিশিয়েন্সি:
১. সিঙ্ক্রোনাস নেচার:
২. ইউজার ইন্টারফেস ব্লক করা:
৩. ব্যবহার:
৪. কোড উদাহরণ:
var xhr = new XMLHttpRequest();
xhr.open("GET", "data-url.json", false); // false = Synchronous
xhr.send();
if (xhr.status === 200) {
console.log(xhr.responseText); // রেসপন্স ডেটা প্রসেস করা
}
false
প্যারামিটারটি নির্দেশ করে যে রিকোয়েস্টটি সিঙ্ক্রোনাসভাবে কাজ করবে। এটি তখন পর্যন্ত অন্য কোনো কাজ করবে না যতক্ষণ না রেসপন্স পাওয়া যায়।প্রসেসিং ইফিশিয়েন্সি:
বৈশিষ্ট্য | Asynchronous Ajax | Synchronous Ajax |
---|---|---|
রেসপন্স টাইম | রেসপন্স পাওয়ার জন্য ব্রাউজার অপেক্ষা করে না এবং অন্যান্য কাজ চলমান থাকে। | রেসপন্স পাওয়া পর্যন্ত ব্রাউজার অপেক্ষা করে এবং অন্য কোনো কাজ করে না। |
UI প্রতিক্রিয়া | ইউজার ইন্টারফেস প্রতিক্রিয়াশীল থাকে এবং ইউজার অন্যান্য কাজ করতে পারে। | UI ব্লক হয়ে যায় এবং ইউজার কিছু করতে পারে না। |
ব্যবহারিক সুবিধা | দ্রুত এবং স্মুথ, ওয়েব অ্যাপ্লিকেশন তৈরিতে বেশি ব্যবহৃত হয়। | UI ফ্রিজ করে, ইউজার এক্সপেরিয়েন্স খারাপ করে। |
সেটিং | true প্যারামিটার দিয়ে সেট করা হয়। | false প্যারামিটার দিয়ে সেট করা হয়। |