jQuery ajax - getScript() विधि

jQuery Ajax संदर्भ मानक

उदाहरण

AJAX अनुरोध के द्वारा एक JavaScript फ़ाइल प्राप्त करने और चलाने के लिए:

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

अपने आप सिर्फ चालू करें

व्याख्या और उपयोग

getScript() विधि HTTP GET अनुरोध के द्वारा JavaScript फ़ाइल लोड करने और चलाने के लिए उपयोग करती है。

व्याकरण

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
});

यहाँ का रिटर्न कॉलबैक फ़ंक्शन वापसीदार JavaScript फ़ाइल भेजेगा. यह अक्सर काफी अधिक उपयोगी नहीं होता है, क्योंकि तब स्क्रिप्ट पहले से ही चल रहा है।

लोड किए गए स्क्रिप्ट ग्लोबल इनवायरनमेंट में चलता है, इसलिए वह अन्य वेरियेबल्स को रेफ़रेंस कर सकता है और 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 में, आप अक्षय डोमेन को आमंत्रित कर सकते हैं। नोट: 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 संदर्भ मानक