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("
Lorem ipsum dolor sit amet.
");

通过引用该文件名，就可以载入并运行这段脚本：

$.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 代码：

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 参考手册