Load external js file with jQuery

Question

Looked for it everywhere, and found the answer but lost. anyone knows how to load an external .js file from another js file?

main_lobj1.onreadystatechange = function(){     
  if (main_lobj1.readyState == 4) {if (main_lobj1.status == 200) { 
    document.getElementById("middleDiv_m").innerHTML=main_lobj1.responseText;  
  jQuery.getScript('jquery/tabs.js')        
  }
}

innerHTML works and responce text is pasted. The problem is that JS is not working in that document. jQuery.getScript should be loading that external js file, but it doesnt

the datatype you are receiving in this context is text but you are asking for Script,,, so you need to return script,, so the datatype is script — Sam Arul Raj T
– Sam Arul Raj T, Commented Feb 25, 2012 at 4:18
@SamArulRaj, geScript already parses the return as script, there is no need to tell getScript to parse as script. Plus he is requesting a .js file so I don't get what you are saying. — Simon
– Simon, Commented Feb 25, 2012 at 4:22
@Semur, are you using the correct path in getScript function? And also make sure you have loaded the jquery file. Check you browser console(chrome or firefox) to see if it throws an error. — DG3
– DG3, Commented Feb 25, 2012 at 4:33

Salvador Dali · Accepted Answer · 2014-03-17 06:15:29Z

11

Exactly for this reason a function $.getScript() exist in jquery. You can use it simply in this way:

$.getScript("test.js", function( data, textStatus, jqxhr ) {
  // this is your callback.
});

answered Mar 17, 2014 at 6:15

Salvador Dali

224k151 gold badges726 silver badges766 bronze badges

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

Comments

Sam Arul Raj T · Accepted Answer · 2012-02-25 04:16:48Z

10

This is the way you can do it to load an external js file to Jquery

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

answered Feb 25, 2012 at 4:16

Sam Arul Raj T

1,77017 silver badges23 bronze badges

1 Comment

Simon Over a year ago

This is simply copying out exactly what the jQuery manual says is shorthand for getScript. If his current method doesn't work, this probably won't either. I suspect the problem is elsewhere.

Kevin Driessen · Accepted Answer · 2012-11-15 15:46:34Z

2

If you call an external script you want to base your script on you may want to take note that ajax-based jquery script are asynchronous by defealt.

Calling an external script asynchronousily will cause the rest of the rest being executed before the external script is loaded.

Today I ran into the same problem which was easily being solved by making a small adition to Sam Arul Raj's post:

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script",
  async: false
});

answered Nov 15, 2012 at 15:46

Kevin Driessen

3663 silver badges9 bronze badges

Collectives™ on Stack Overflow

Load external js file with jQuery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

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

Linked

Related