javascript - 使用 getScripts 异步获取 JavaScript

Question

我在登录页面上异步获取一些脚本:

        $.when(
                $.getScript("/Scripts/View/scroll-sneak.js"),
                $.getScript("/Scripts/kendo/kendo.custom.min.js"),
                $.Deferred(function (deferred) {
                    $(deferred.resolve);
                })
        ).done(function (res1, res2) {
            if (res1[1] == "success") {

            }
            if (res2[1] == "success") {

            }
            alert('all script loaded...');
        });

我这里有两个疑问:

1. 如何在此处利用浏览器缓存，因为 getScript 始终采用新脚本。
2. 我如何保证该脚本将可供同一域中的所有页面使用。

欢迎提供替代解决方案。

Answer 1

第一个问题的答案是将缓存设置为 true。 jQuery documentation page还提到了一个方法

jQuery.cachedScript = function( url, options ) {

  // Allow user to set any option except for dataType, cache, and url
  options = $.extend( options || {}, {
    dataType: "script",
    cache: true,
    url: url
  });

  // Use $.ajax() since it is more flexible than $.getScript
  // Return the jqXHR object so we can chain callbacks
  return jQuery.ajax( options );
};

// Usage
$.cachedScript( "ajax/test.js" ).done(function( script, textStatus ) {
  console.log( textStatus );
});

对于你的第二个问题:请详细说明一下，你想要实现什么？