জেকুয়েরি অ্যাজাক্স পরিচিতি
এই অধ্যায়ে আমরা জেকুয়েরিতে এজাক্স এর প্রয়োগ দেখবো। অ্যাজাক্স এমন একটি প্রক্রিয়া যার মাধ্যমে ওয়েবসাইটের কোনো পেজ সম্পূর্ণ লোড করা ছাড়াই ঐ পেজের যেকোনো অংশ পরিবর্তন করা যায়।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরি অ্যাজাক্স উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("../demo_test.txt");
});
});
</script>
</head>
<body>
<div id="div1"><h2>জেকুয়েরি অ্যাজাক্সের মাধ্যমে এই টেক্সট পরিবর্তন হবে।</h2></div>
<button>এক্সটার্নাল কন্টেন্ট</button>
</body>
</html>
ফলাফল
অ্যাজাক্স কি?
অ্যাজাক্স(AJAX) এর পূর্ণরুপ এসিনক্রোনাস জাভাস্ক্রিপ্ট এন্ড এক্সএমএল(Asynchronous JavaScript and XML)
অ্যাজাক্স আপনার ডিভাইসে পর্দার আড়ালে ক্ষুদ্র ক্ষুদ্র তথ্য বিনিময়ের মাধ্যমে কোনো ওয়েব পেজকে এসিনক্রোনাসলি/ একপক্ষভাবে পরিবর্তন করে। এটার অর্থ হচ্ছে ওয়েবপেজের সম্পূর্ণ অংশ লোডিং হওয়া ছাড়াই সেই ওয়েব পেজের কোনো অংশ পরিবর্তন করা সম্ভব।
অ্যাজাক্স ব্যবহারকারী এপ্লিকেশনের উদাহরণ: গুগল ম্যাপ, জিমেইল, ইউটিউব, এবং ফেসবুক ইত্যাদি।
জেকুয়েরি এবং অ্যাজাক্স এর সম্পর্ক
অ্যাজাক্স নিয়ে কাজ করার জন্য জেকুয়েরিতে কয়েকটি মেথড রয়েছে।
জেকুয়েরি অ্যাজাক্স মেথডের মাধ্যমে HTTP GET এবং HTTP POST উভয় মেথড ব্যবহার করে দূরবর্তী সার্ভার থেকে text, HTML, XML অথবা JSON এর জন্য অনুরোধ পাঠাতে পারবেন এবং বাহ্যিক কোনো তথ্যকে আপনি আপনার ওয়েব পেজের নির্বাচিত এলিমেন্টে সরাসরি লোড করতে পারবেন।
জেকুয়েরি ছাড়া অ্যাজাক্স এর ব্যবহার বেশ ঝামেলাপূর্ণ
কোর(Core) জাভাস্ক্রিপ্ট দিয়ে অ্যাজাক্স কোড লিখার সময় বেশ ঝামেলায় পড়তে হয়। কারণ ভিন্ন ভিন্ন ব্রাউজারে সাপোর্টের জন্য অ্যাজাক্সের ভিন্ন ভিন্ন কোড লিখতে হয়। এই জন্য আপনাকে অনেক বেশি কোড লিখতে হবে। কিন্তু জেকুয়েরির এক লাইন কোডেই এই সব কোড লিখা থাকে। ভিন্ন ভিন্ন ব্রাউজার সাপোর্টের জন্য অকিরিক্ত কোনো কোড লিখতে হয় না।