Mwendo jQuery ajax - getScript()

jQuery Ajax 参考手册

Mfano

Kufikia na kufanya kazi faili cha JavaScript kwa kutumia michuzi AJAX:

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

Mtaarifu

Muhtasari na matumizi

Mwendo getScript() huzingatia na kufanya kazi faili cha JavaScript kwa kutumia michuzi HTTP GET.

Lugha ya kuhakikisha

jQuery.getScript(url,success(response,status))
Vifaa Muhtasari
url URL cha kumwambia cha kumwambia.
success(response,status)

Inahitajika. Inasababisha kufanywa kipindi cha kumaliza michuzi baada ya kufanikiwa michuzi.

Mambo ya kieleweko:

  • response - Inahusisha data ya msingi kutoka kwa michuzi
  • status - Inahusisha hali ya michuzi ("success", "notmodified", "error", "timeout" au "parsererror")

Muhtasari

Funguza hii ni fupi ya Ajax, inayofanana na:

$.ajax({
  url: url,
  dataType: "script",
  success: success
});

Funguza kipindi cha JavaScript cha kimeleza. Hii kinasababu kama kinaumiliki kwa kawaida, kwa sababu wakati huo script iko inashinda.

载入的脚本在全局环境中执行，因此能够引用其他变量，并使用 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 参考手册