Skip to content Skip to sidebar Skip to footer
Home / Ajax / Asp.net / Design Patterns / Javascript / Jquery

Javascript File Dependencies - Selective Load Resource Files & Prevent Duplicates

Post a Comment
This might be more of a philosophical debate, but here is what I have: Two controls which share a Javascript resource library to call a webservice. They are ususally used in con

Solution 1:

Solved my issue with the following JS & jQuery code

if (thisResourceLoaded === undefined) 
{ 
    $.getScript('/Webservice.asmx/js');
    var thisResourceLoaded = true; 
}

Solution 2:

If those controls don't need to share information between them, you could check out jQuery's method of using objects, wich ensures that if you name the main object differently, it would instanciate (not sure if this word exists) 2 variables refeering the same object.

Solution 3:

Probably easiest approach is to include the whole js resource library once when you are using one or both of the controls. This should be handled by your server side scripting (php etc.)

Store you <script src=".." > tag to head part of the page. When you are adding a new control to the page, check if head part already contains the required library, if not, then add the library. Do not include same libary more than once per page, if at all possible.

For example:

<html><head><scripttype="text/javascript"src="/Webservice.asmx/js" /></head><body><h1>Control1</h1><h1>Control2</h1></body></html>

The optimal, in page load time sense, is to make three versions of the resource library. However this is most likely overkill.

  1. version contains required parts for control A
  2. version contains required parts for control B
  3. version contains all required parts for controls A and B

Then you must select correct version depending if you are using control A, control B or both.

Post a Comment for "Javascript File Dependencies - Selective Load Resource Files & Prevent Duplicates"