I have app.js file with a function called getdata(), and another js file called common.js with a function called gethost();
Now I want to call gethost() function in the common.js file using getdata() function in app.js.
Can someone please help me to do this.
I don't want to do this script type="text/javascript" src="../Scripts/common.js"
script type="text/javascript" src="../Scripts/app.js"
in aspx file.
You should be able to do this just fine as long as you include common.js before app.js
Just make sure you are loading the common.js file before the app.js file.
You're essentially putting both functions in the global scope which isn't the best of practices though.
This is the way to do that:
var commonFile = document.createElement('script');
commonFile.src = '/thePathToYourScript/common.js';
document.head.appendChild(commonFile);
It's all about loading order. If common.js is loaded before app.js, it should work. If not, please post some example code.
<script src="common.js" type="text/javascript"/>
<script src="app.js" type="text/javascript"/>
and in your app.js use;
function getdata() {
......
gethost();
...
}
Just put common.js before app.js
Edit: If you want to do that without <script src="..., you can use following;
in app.js;
$.getScript('path_to_common.js',function(){
gethost();
});
You can also use jQuery.getScript to get the second JS file into the HTML page.
Say you have, first.js & second.js.
A Sample would be (first.js):
$.getScript("second.js").done(function( script, textStatus ) {
// call the function from the second js file here
})
});
Or you could include both in the same HTML, ideally.
