Include multiple js files using jQuery $.getScript() method

jQuery scroll to element

The jQuery getScript() method is used to Include multiple js files i.e. load and execute a JavaScript from the server using an AJAX HTTP GET request.

The method returns XMLHttpRequest object and the callback is fired once the script has been loaded, but not necessarily executed.

Syntax of getScript:

$(selector).getScript(url,success(response,status))
$.getScript( "test.js", function( data, textStatus, jqxhr ) {
console.log( data );
});

Suppose we have following code named check.js

function CheckEnabled(){
alert("JavaScript is enabled.");
}

Get more details from jQuery reference.

Following is a simple example of the usage of this method:

<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$.getScript('check.js', function(jd) {
CheckJS();
});
});
</script>

Read Also: Load JSON encoded data using jQuery.getJSON()

By default, $.getScript() method sets the cache setting to false. This appends a timestamped query parameter to the request URL for ensuring that browser downloads the script each time it is requested.
But, you can override this feature by setting the cache property globally using $.ajaxSetup() method:

$.ajaxSetup({
cache: true
});

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.

You may like:  jQuery toggleClass() Method

Leave a Reply

Your email address will not be published. Required fields are marked *