JS使用jQuery动态加载js文件

Posted 2021-11-27 huashengweilong

正文：

用法：

jQuery.getScript("/path/to/myscript.js")
 .done(function() {
  /* 耶，没有问题，这里可以干点什么 */
 })
 .fail(function() {
  /* 靠，马上执行挽救操作 */
});

例子：延迟加载一个js插件，而且在加载完成时执行它

jQuery.getScript("jquery.cookie.js")
 .done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});

缓存问题：不需要缓存可以在JS地址后面加时间戳，需要全局缓存的话：

jQuery.ajaxSetup({
  cache: true
});
jQuery.ajax({
      url: "jquery.cookie.js",
      dataType: "script",
      cache: true
}).done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});

参考博客：

1，使用jQuery动态加载js脚本文件的方法 - dangerous_fire的专栏 - CSDN博客
https://blog.csdn.net/dangerous_fire/article/details/54025907

2，javascript - 动态载入js脚本的同步/异步问题 - SegmentFault 思否
https://segmentfault.com/q/1010000007224347?_ea=1277187