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) |
ఎంపికకు ఉన్నది. అభ్యర్ధన విజయవంతం అయినప్పుడు అమలు అయ్యే కాల్బాక్ ఫంక్షన్ నిర్దేశించండి. అదనపు పారామీటర్స్:
|
వివరణ
ఈ ఫంక్షన్ సరళీకృత ఆజాక్స్ ఫంక్షన్, ఈ విధంగా సమానం:
$.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); }); });