javascript - 通过ajax加载JavaScript的好实践方法

Question

免责声明:我是 AJAX 新手!

我环顾四周，我不确定使用哪种方法来使用 ajax 加载 javascript。

我正在使用 ajax 请求页面，每个页面都需要自己的 6-10 个简短方法。总共可能有 5-6 个这样的页面，因此总共大约有 35 种以上的方法。

我更愿意在每个需要它的页面加载时访问必要的 javascript。

我看过几种方法，但我不确定哪种方法最适合我的需要:

1. 在头部包含一个空的 script 元素，并通过 操纵 src 属性。 DOM。

2. 通过创建一个新的脚本元素。 DOM 并将其附加到 document.body(这听起来与 #1 相同)。

3. jQuery(我已经在使用)有一个 ajax getScript() 方法。
4. 我还没有读过任何相关内容，但我可以只包含一个脚本元素作为 ajax 响应的一部分吗？

由于我是 ajax 和一般 Web 开发的新手，所以我很好奇每种方法的优缺点以及我错过的任何方法。

一些担忧是:-每次发出 ajax 请求时，是否使用缓存副本或下载脚本。请注意，脚本将是静态的。- 浏览器兼容性。我使用 Chrome，但此应用程序将在 IE >= 7 和 Firefox 的各个版本中使用。

Answer 1

在 jQuery 环境中，我会使用 getscript()。您对缓存感到疑惑是正确的——getscript 包含一个缓存清除功能(主要设计用于阻止激进的 IE 缓存，当然在其他情况下也很有用)。您可以像这样执行与非缓存破坏 getscript 等效的操作:

$.ajax({
    cache: true,
    dataType: "script",
    url: "your_js_file.js",
    success: yourFunction
});