AJAX এবং jQuery- অনুরোধ এবং ডেটা ইন্টারঅ্যাকশন পরিচালনা করা

AJAX(অ্যাসিনক্রোনাস জাভাস্ক্রিপ্ট এবং XML) একটি প্রযুক্তি যা ব্রাউজার এবং সার্ভারের মধ্যে যোগাযোগ এবং ডেটা আদান-প্রদানের অনুমতি দেয় সম্পূর্ণ ওয়েবপৃষ্ঠাটি পুনরায় লোড করার প্রয়োজন ছাড়াই। jQuery AJAX অনুরোধগুলি সম্পাদন করার জন্য সুবিধাজনক পদ্ধতি এবং ফাংশন প্রদান করে। এখানে jQuery এর সাথে AJAX ব্যবহার করার কিছু উদাহরণ রয়েছে:

 

$.ajax() পদ্ধতি

পদ্ধতিটি $.ajax() একটি বহুমুখী পদ্ধতি যা আপনাকে সার্ভারে AJAX অনুরোধ করতে দেয়। এটি আপনার অনুরোধ কাস্টমাইজ করার জন্য বিভিন্ন বিকল্প প্রদান করে, যেমন URL নির্দিষ্ট করা, অনুরোধের পদ্ধতি(GET, POST, ইত্যাদি), সফলতা এবং ত্রুটি কলব্যাকগুলি পরিচালনা করা এবং আরও অনেক কিছু। আপনি এই পদ্ধতিটি ব্যবহার করতে পারেন যখন আপনার AJAX অনুরোধের উপর সূক্ষ্ম নিয়ন্ত্রণের প্রয়োজন হয়।

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});  

 

$.get() পদ্ধতি

পদ্ধতিটি $.get() সার্ভারে একটি GET অনুরোধ করার জন্য একটি শর্টহ্যান্ড পদ্ধতি। এটি স্বয়ংক্রিয়ভাবে GET-তে অনুরোধের পদ্ধতি সেট করে এবং সফল কলব্যাক পরিচালনা করে প্রক্রিয়াটিকে সহজ করে। আপনি যখন শুধুমাত্র থেকে ডেটা পুনরুদ্ধার করতে হবে তখন আপনি এই পদ্ধতিটি ব্যবহার করতে পারেন৷

$.get("data.php", function(response) {  
  // Handle successful response data  
});  

 

$.post() পদ্ধতি

পদ্ধতিটি $.post() অনুরূপ $.get(), তবে এটি বিশেষভাবে সার্ভারে একটি POST অনুরোধ পাঠায়। এটি আপনাকে অনুরোধের সাথে ডেটা পাস করার অনুমতি দেয়, যখন আপনি সার্ভারে ফর্ম ডেটা বা অন্যান্য পরামিতি পাঠাতে চান তখন এটি দরকারী।

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});  

 

$.getJSON() পদ্ধতি

পদ্ধতিটি $.getJSON() সার্ভার থেকে JSON ডেটা পুনরুদ্ধার করতে ব্যবহৃত হয়। এটি একটি শর্টহ্যান্ড পদ্ধতি যা স্বয়ংক্রিয়ভাবে অনুরোধের পদ্ধতিটি GET-এ সেট করে এবং সার্ভার একটি JSON প্রতিক্রিয়া ফেরত দেবে বলে আশা করে। এটি JSON ডেটা পুনরুদ্ধার এবং কাজ করার প্রক্রিয়াটিকে সহজ করে।

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});  

 

$.ajaxSetup() পদ্ধতি

পদ্ধতিটি $.ajaxSetup() আপনাকে ভবিষ্যতের সমস্ত AJAX অনুরোধের জন্য ডিফল্ট সেটিংস কনফিগার করতে দেয়। উদাহরণস্বরূপ, আপনি ডিফল্ট শিরোনাম সেট করতে পারেন, ডেটা টাইপ নির্দিষ্ট করতে পারেন, বা প্রমাণীকরণ বিকল্পগুলি কনফিগার করতে পারেন। আপনি যখন একাধিক AJAX অনুরোধে প্রযোজ্য সাধারণ বিকল্পগুলি সেট করতে চান তখন এই পদ্ধতিটি কার্যকর।

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});  

 

$.ajaxPrefilter() পদ্ধতি

পদ্ধতিটি $.ajaxPrefilter() AJAX অনুরোধগুলি পাঠানোর আগে পরিবর্তন করতে ব্যবহৃত হয়। এটি আপনাকে একটি AJAX অনুরোধের বিকল্পগুলিকে প্রিপ্রসেস করতে এবং আপনার প্রয়োজনের উপর ভিত্তি করে সেগুলিকে সংশোধন করতে দেয়৷ এটি কাস্টম শিরোনাম যোগ করার জন্য, ডেটা ম্যানিপুলেট করার জন্য বা অনুরোধগুলিকে বাধা দেওয়ার জন্য কার্যকর হতে পারে।

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});  

 

এই পদ্ধতি jQuery এ AJAX অনুরোধের সাথে কাজ করার বিভিন্ন উপায় প্রদান করে। আপনার নির্দিষ্ট প্রয়োজনীয়তার উপর নির্ভর করে, আপনি আপনার প্রয়োজন অনুসারে সবচেয়ে উপযুক্ত পদ্ধতি বেছে নিতে পারেন। jQuery আপনাকে গতিশীল এবং ইন্টারেক্টিভ ওয়েব অ্যাপ্লিকেশন তৈরি করার অনুমতি দিয়ে AJAX অনুরোধ এবং প্রতিক্রিয়া পরিচালনা করার প্রক্রিয়াকে সহজ করে।