jQuery.load() - Inside External Javascript

Question

i load an external page with

 $('#myContainer').load('myfile.html');

in myfile.html theres an

<script type="text/javascript" src="otherscript.js"></script>

Some users report that the otherscript.js is not loaded... i've tested a all common browsers (firefox, ie 6/7, safari, opera etc.) - i cant figure out why this wont work...

an other think is... according to my firebug the browser wont cache the otherscript.js.. it loads with

otherscript.js?_=1234785

(timestamp here :) )

Anyone has an idea why some browsers doesnt support that and.. how can i enable that caching?

MFG Christopher

fredrik · Accepted Answer · 2009-10-14 16:17:06Z

2

The .load functions only loads html. Since you are not allowed to load external scripts in to the browser by the browser security protocol. But luckily there's .getScript to get around this. Check it out: http://docs.jquery.com/Ajax/jQuery.getScript

..fredrik

answered Oct 14, 2009 at 16:17

fredrik

17.6k9 gold badges57 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

andres descalzo · Accepted Answer · 2009-10-14 14:18:09Z

0

to avoid problems with the cache, you can do the following:

$('#myContainer').load('myfile.html?'+(new Date()).getTime());

in myfile.html:

<script type="text/javascript">

var script = document.createElement("script"); 
script.setAttribute('type','text/javascript'); 
script.setAttribute('src','otherscript.js?'+(new Date()).getTime()); 
document.body.appendChild(script);

</script>

accommodating this code to your need.

answered Oct 14, 2009 at 14:18

andres descalzo

15k14 gold badges66 silver badges119 bronze badges

1 Comment

Beerweasle Over a year ago

hm... no i mean jquery or .. dont know what adds the timestamp... and i dont want to :)

Jerry · Accepted Answer · 2012-12-18 00:44:16Z

0

As fredrik pointed out, .load does not load external files, however it will pass the result to html to execute any javascript that's there.

I had a similar issue and I came up with this solution that extracts any script tags from the results that have a src attribute, then use $.getScript to load the attribute value.

$('#exmple').load(url, function(result) {
    $(result).filter('script[src]').each(function () {
        var script = $(this).attr('src');        
        $.getScript(script);
    });
});

answered Dec 18, 2012 at 0:44

Jerry

1,7854 gold badges22 silver badges41 bronze badges

Collectives™ on Stack Overflow

jQuery.load() - Inside External Javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related