javascript - 是否可以将 jquery ajax 请求链接为一级队列(无嵌套)

Question

这个问题最初源于一个想法，即使用 $.getScript 动态加载一组 javascript 文件。

我正在开发几个项目的纯 js 前端，这些项目共享一些库，如果有一个处理公共(public)库的 js 文件会很好(或者至少看起来)，并且还可以另一个 - 处理特定的库。

我正在谈论的一些前端实际上将作为其他网站的小部件工作，并且在我们设置将 js 文件压缩为一个的过程之前，还需要将小部件作为单个 js 包含放置，然后将所有依赖项包含在队列中。

类似于:$.getScript .getScript .getScript

所以问题有两个部分:1.这有意义吗？2. 如果是，如何？

谢谢!

Answer 1

您的意思是:您想写类似的内容

$.getScript("js/file1.js").getScript("js/file2.js").getScript("js/file3.js");

结果从服务器加载一个文件，其中包含所有指定的文件(有点file1.js + file2.js + file3.js)，不是吗？如果我得到了，那么这似乎是不可能的，至少那样是不可能的。这确实有一定的意义，甚至是很好的，因为浏览器将发送一个请求而不是三个(因此性能会更好)。要实现你想要的，你需要服务器端的良好支持。例如。你可以写

$.getScript("js/libraries?files=file1,file2,file3");

服务器端应该能够解析此请求，附加请求中提到的所有文件，然后发送给您。但正如您所见，服务器端应该存在一些东西来帮助您；

如果您开发一些框架等，您可以进行预定义的构建，例如您的图书馆将包含

js/
    file1.js
    file2.js
    file3.js
common.js

其中 common.js 只是 file1.js + file2.js + file3.js，您可以将其自动化，因此您将更改代码，然后运行一个特殊的构建，它将创建 common.js。这样您就可以信赖

$.getScript("common.js");

这比请求更好

$.getScript("js/libraries?files=file1,file2,file3");

因为在最后一个情况下，必须执行一些运行时作业(性能会受到一点影响)。当我们开发项目时，我们使用 jawr在服务器端制作预定义的 JavaScript 库/文件包