jQuery ajax - getScript() مہم

jQuery Ajax ਸੰਦਰਭ ਮੁੱਲ

مثال

AJAX درخواست کے ذریعے ایک جاوا اسکریپٹ فائل کو حاصل اور چلایا جانا:

$("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 ਸੰਦਰਭ ਮੁੱਲ