Question

I m trying to build an ajax script loader, but I m running into the issue where I m sending pieces of my combined file over twice (ie. jquery, bunched up with other scripts, is getting sent over twice because it s required by some (ajax) requested script sent over the wire.

My first thought was that I would just append md5 chunks onto the file name and if the requested script matches a piece of that, don t send - but this doesn t scale well for say.. 100 bundled scripts.

Anyone have any other suggestions?

Thanks!

Matt Mueller

Answer 1

I think it depends on the script types. Personally I d define the libraries that are available and then just test to see if the object has been defined.

WAG example here, just off the top of my head (in my opinion this method could be pretty heinous to use on a regular basis but would be faster than individually identifying text.)

//javascript loader shell
var loader = function(){

    var loadLibrary = function(libraryName, fn){
        //your code to verify and download library or collection here 

        //callback function
        return fn();
    }

    return {
        exec: function(libraryName, fn){
           if(typeof(eval( window. +libraryName)) !=  undefined ){
               return fn();
           } else {
               return loadLibrary(libraryName, fn);
           }
        }
    }   
}();

//example usage
loader.exec( util , function(){util.test();});

友情链接