jQuery AJAX load() পদ্ধতি

jQuery load() পদ্ধতি

jQuery load() পদ্ধতি একটি সরল কিন্তু শক্তিশালী AJAX পদ্ধতি

load() পদ্ধতি সার্ভার থেকে ডাটা লোড করে এবং ফিরানো ডাটা নির্বাচিত ইলেকট্রনমধ্যে প্রবেশ করায়。

গণিতশাস্ত্র:

$("}}selector).load(URL,data,callback);

বাধ্যতামূলক URL পারামিটারটি আপনি যে URL-টি লোড করতে চান তা নির্দেশ করে。

বাধ্যতামূলক data পারামিটারটি অনুরূপ কোরিউলার স্ট্রিং ক্যাপসুল কোলেকশনকে নির্দেশ করে যা প্রত্যাহারের সময় পাঠানো হবে。

বাধ্যতামূলক callback পারামিটারটি load() পদ্ধতির কাজ করার পরে কোনো ফাংশনের নাম নির্দেশ করে যা করা হবে。

এটি উদাহরণ ফাইল ("demo_test.txt")র সামগ্রী:

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

নিচের উদাহরণটি "demo_test.txt" ফাইলের সামগ্রী লোড করবে:

উদাহরণ

$("#div1").load("demo_test.txt");

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

আরও, URL পারামিটারে jQuery চিহ্নিতকরণ যোগ করা যেতে পারে。

নিচের উদাহরণটি "demo_test.txt" ফাইলের id="p1" এলিমেন্টের অন্তর্ভুক্ত সামগ্রী লোড করবে:

একটি উদাহরণ

$("#div1").load("demo_test.txt #p1");

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

বাধ্যতামূলক callback পারামিটার নির্দেশ করে যে, load() পদ্ধতির কাজ করার পরে কোনো কলব্যাক ফাংশন করা হবে। কলব্যাক ফাংশনটি বিভিন্ন পারামিটার নিতে পারে:

  • responseTxt - সফল হওয়ার সময় ফলাফল অন্তর্ভুক্ত
  • statusTXT - অবাবদ্ধ অবস্থা
  • xhr - XMLHttpRequest অবজেক্ট অন্তর্ভুক্ত

নিচের উদাহরণটি load() পদ্ধতির কাজ করার পরে একটি টুইপ ডিসপ্লে করবে। যদি load() পদ্ধতি সফল হয়, তবে "বাহ্যিক সামগ্রী লোড সফল হয়েছে!" দেখাবে, এবং যদি ব্যর্থ হয়, তবে ত্রুটি সংকেত দেখাবে:

একটি উদাহরণ

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("বাহ্যিক সামগ্রী লোড সফল হয়েছে!");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });
});

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

jQuery AJAX পরিচ্ছন্ন হান্ডবুক

সম্পূর্ণ AJAX পদ্ধতির জন্য আমাদের jQuery AJAX পরিচ্ছন্ন হান্ডবুক。