使用 jQuery 加载脚本

Question

$.ajax({ url: "plugin.js", dataType: 'script', cache: true, success: function() {
    alert('loaded');
}});

1）我无法加载脚本，可能是由于路径不正确，但如何确定正确的路径？上面的代码在init.js中，plugin.js也在同一个文件夹中。

2）我可以使用同一请求一次加载多个插件吗？例如。插件.js，另一个插件.js？

root
|
|_ html > page.html
|
|_ static > js > init.js, plugin.js

感谢您的帮助

Answer 1

您需要使用 getScript，而不是 ajax。 Ajax 用于加载数据，而不是用于执行代码。

如果您需要加载多个文件，请尝试以下操作：

var scripts = ['plugin.js', 'test.js'];
for(var i = 0; i < scripts.length; i++) {
  $.getScript(scripts[i], function() {
    alert('script loaded');
  });
}

Answer 2

1) 该路径将相对于它加载的页面（而不是初始化脚本的路径），因为这是浏览器执行 ajax 请求时所在的 URL。

编辑：根据您的编辑，加载脚本的路径是 /static/js/plugin.js （如果它将部署在您的根目录下）域），或 ../static/js/plugin.js 为了安全起见（假设将从中加载的所有页面都位于 /html 中）。

2) 不。如果它们位于不同的文件中，则它们需要是不同的请求。不过，您可以将它们合并到服务器端的一个文件中......

Answer 3

作为更新，使用 jQuery 1.9.x 执行此操作的更好方法是使用 Deferreds-methods（即 $.when），如下所示：

$.when(
  $.getScript('url/lib.js'),
  $.getScript('url/lib2.js')
).done(function() {
  console.log('done');
})

.done() 回调函数有许多有用的参数。

阅读文档： http://api.jquery.com/jQuery.when/

Answer 4

查看 jQuery .getScript 函数，它将加载脚本并将其包含在当前脚本中文档。

1) 路径应该是 /static/js/plugin.js，相对于您的文档。

2) 否。每个文件均由单个 HTTP 请求加载。

Answer 5

我会检查 Firebug 的 net 选项卡，看看它是否已正确加载，以及它尝试加载的路径。

该路径来自包含 JavaScript 的文档。

我还保留一个像这样的配置对象（本例中为 PHP）

var config = { basePath: '<?php echo BASE_PATH; ?>' };

然后你可以这样做

var request = config.basePath + 'path/to/whatever.js';

Answer 6

您可以使用 '../' 将脚本路径设置为基本路径。然后添加相对路径

    $.getScript("../plugin.js").done(function(script, textStatus ) {
    alert("loaded:" + textStatus);
}).fail(function(script, textStatus ) {
    alert("failed: " + textStatus);
});