使用jQuery异步加载JavaScript脚本解决方案_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了使用jQuery异步加载JavaScript脚本解决方案_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1706字，纯文字阅读大概需要3分钟。
内容图文
JavaScript 加载器在 Web 开发中是非常强大和有用的工具。目前流行的几个加载器，像 curljs、LABjs 和 RequireJS 使用都很广泛。他们功能强大的，但有些情况下可以有更简单的方案。 如果你正在使用 jQuery，有一个内置的方法可以用来加载脚本。如果你想延迟加载插件或任何其他类型的脚本，都可以使用这种方法。下面给大家介绍如何使用它。
实现方法
jQuery 内置有 getScript 方法来加载一个脚本，处理返回的结果可以有几种方法来实现。最基本的用法 jQuery.getScript 看起来像这样：
代码如下:
jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {
/*
在脚本已载入并执行后，就可以做一些处理了
*/
});
getScript 方法返回一个 jqXHR 对象，因此可以这样使用：
代码如下:
jQuery.getScript("/path/to/myscript.js")
.done(function() {
/* 执行成功后的处理 */
})
.fail(function() {
/* 执行失败后的处理 */
});
使用 jQuery.getScript 的最常见场景是延迟加载一个插件，并在加载后调用它：
代码如下:
jQuery.getScript("jquery.cookie.js")
.done(function() {
jQuery.cookie("cookie_name", "value", { expires: 7 });
});
如果你需要做更高级的事情，如加载多个脚本和不同类型的文件（文本文件，图像，CSS 文件等），我建议你切换到一个功能更强大的 JavaScript 加载器。如果只想延迟加载插件，而不是简单地在每个页面加载的情况下，getScript 是完美的！
缓存问题
需要注意的是，当使用 jQuery.getScript 的时候，在脚本 URL 后面会自动被添加上时间戳，让脚本不缓存。因此你需要设置让所有的请求都缓存脚本：
代码如下:
jQuery.ajaxSetup({
cache: true
});
如果您不希望覆盖所有的缓存与你的 AJAX 请求，最好使用 jQuery.ajax 方法并把 dataType 设置为 script，例如这样：
代码如下:
jQuery.ajax({
url: "jquery.cookie.js",
dataType: "script",
cache: true
}).done(function() {
jQuery.cookie("cookie_name", "value", { expires: 7 });
});
在加载脚本的时候需要特别注意缓存问题！
内容总结
以上是互联网集市为您收集整理的使用jQuery异步加载JavaScript脚本解决方案_jquery全部内容，希望文章能够帮你解决使用jQuery异步加载JavaScript脚本解决方案_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】