jQuery ajax - getScript() మాథోడ్

ఉదాహరణ

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({
  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 మాత్రమే స్వంత డొమైన్ జావాస్క్రిప్ట్ ఫైల్స్ ను కాల్ చేయగలిగింది. 1.2 లో, మీరు క్రాస్ డొమైన్ జావాస్క్రిప్ట్ ఫైల్స్ ను కాల్ చేయవచ్చు. మీరు సఫారీ 2 లేదా ఆగష్టు ముంది వెర్షన్లను ప్రపంచంలో గ్లౌబల్ స్క్రిప్ట్ క్రామ్ లో సింక్రోనస్ చేయలేరు. వాడు గెట్ స్క్రిప్ట్ ద్వారా స్క్రిప్ట్ను జోడించినప్పుడు, డెలే ఫంక్షన్ జోడించండి.

మరిన్ని ఉదాహరణలు

ఉదాహరణ 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);
  });
});