JS jQuery 包含外部脚本

当编写 JavaScript 应用程序时，我们通常需要引用大量脚本文件。将这些文件全部放在一个文件中显然是不现实的，因此我们需要一种方法来将它们组织在一起并快速加载它们。在这种情况下，jQuery 提供了一种非常方便的方法来包含外部脚本，从而使我们的代码更整洁、易懂。

使用 jQuery 的 loadScript() 方法

jQuery 的 loadScript() 方法允许我们动态地在网页上“加载”脚本。当我们需要在我们的应用程序中使用外部库中的函数或类时，这非常有用。

以下是一个使用 loadScript() 方法的例子：

$(function() {
  $.getScript("https://code.jquery.com/jquery-3.6.0.min.js", function() {
    console.log("jQuery loaded.");
  });
});

在这个例子中，代码会在 $(function(){}) 中运行，当 DOM 准备好后执行。然后，使用 $.getScript() 方法来加载一个外部的 jQuery 库。当 jQuery 库加载完成后，控制台输出 "jQuery loaded."。

使用 jQuery 的 getJSON() 方法

除了 loadScript() 方法，jQuery 还提供了 getJSON() 方法，它可以用于加载 JSON 数据。

以下是一个使用 getJSON() 方法的例子：

$(function(){
  $.getJSON("https://api.github.com/users/github", function(data){
    console.log(data.name);
  });
});

在这个例子中，代码同样运行在 $(function(){}) 中，然后使用 $.getJSON() 方法来加载 GitHub API 的 JSON 数据。当数据加载完毕后，我们可以使用回调函数中的 data 参数来访问数据。

结论

使用 jQuery 包含外部脚本非常容易和方便。我们只需要使用 loadScript() 方法来加载外部脚本文件，或使用 getJSON() 方法来加载 JSON 数据。这样可以使我们的代码更加整洁和易于维护。