jQuery ajax - getScript() মথুরা

jQuery Ajax রেফারেন্স ম্যানুয়াল

উদাহরণ

AJAX রিকোর্ড দ্বারা একটি JavaScript ফাইল পাওয়া এবং চালানোর জন্য:

$("button").click(function(){
  $.getScript("demo_ajax_script.js");
});

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

বিবরণ ও ব্যবহার

getScript() মথুরা HTTP GET রিকোর্ড এবং জাভাস্ক্রিপ্ট ফাইল লোড করে চালায়。

ব্যবহারকৌশল

jQuery.getScript(url,success(response,status});
পারামিটার ব্যাখ্যা
url অনুরূপ URL স্ট্রিং যা অনুরূপ চাওয়া হবে。
success(response,status)

বাধ্যতামূলক। সফলতা পাওয়ার পর কর্মকাণ্ড করা হতে চাওয়া রিটার্ন ফাংশন নির্ধারণ করুন。

অতিরিক্ত পারামিটার:

  • response - অনুরূপ রিকোর্ড রিকোর্ড
  • status - অনুরূপ রিকোর্ড ("success", "notmodified", "error", "timeout" বা "parsererror")

বিস্তারিত ব্যাখ্যা

এই ফাংশন এককভাবে রচিত Ajax ফাংশন, যা সমান হয়:

$.ajax({
  url: url,
  dataType: "script",
  success: success
});

এখানের রিটার্ন ফাংশন জাভাস্ক্রিপ্ট ফাইল ফিরিয়ে দেয়। এটা সাধারণত খুবই কম ব্যবহারিক, কারণ তখন স্ক্রিপ্ট ইতিমধ্যেই চলছে।

লোডকৃত স্ক্রিপ্ট সমগ্র কর্মকাণ্ডের মধ্যে বাস্তবায়ন করা হয়, তাই অন্য ভ্যানাবলগুলি উল্লেখ করতে পারে এবং jQuery ফাংশনগুলি ব্যবহার করতে পারে।

যেমন, test.js ফাইল লোড করা, যার মধ্যে নিচের কোড থাকে:

$(".result").html("<p>Lorem ipsum dolor sit amet.</p>");

এই ফাইলনাম উল্লেখ করে, তারপর স্ক্রিপ্ট লোড ও চালু করা হয়:

$.getScript("ajax/test.js", function() {
  alert("Load was performed.");
});

মন্তব্য:jQuery 1.2 সংস্করণ পূর্ব, getScript শুধুমাত্র একই ডোমেনের JS ফাইলগুলি ডাকতে পারত। 1.2-এ, আপনি অন্য ডোমেনের JavaScript ফাইলগুলি ডাকতে পারেন। নোট: Safari 2 বা তার আগের সংস্করণগুলি সমগ্র কর্মকাণ্ডের মধ্যে সিনক্রোনাসভাবে স্ক্রিপ্ট বাস্তবায়ন করতে পারে না। getScript-এর মাধ্যমে স্ক্রিপ্ট যোগ করতে, টাইমাউট ফাংশন যোগ করুন。

আরও উদাহরণ

উদাহরণ 1

test.js লোড ও সফলভাবে বাস্তবায়ন:

$.getScript("test.js");

উদাহরণ 2

test.js লোড ও সফলভাবে বাস্তবায়ন করা, তারপর বার্তা দেখানো:

$.getScript("test.js", function(){
  alert("Script loaded and executed.");
});

উদাহরণ 3

লোড করা jQuery অফিসিয়াল রঙ অ্যানিমেশন প্লাগইন সফল হলে রঙ পরিবর্তন অ্যানিমেশন বাঁধা হয়:

HTML কোড:

<button id="go">Run</button>
<div class="block"></div>

jQuery কোড:

jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js",
 function(){
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: 'pink' }, 1000)
      .animate( { backgroundColor: 'blue' }, 1000);
  });
});

jQuery Ajax রেফারেন্স ম্যানুয়াল