Can't Use Jquery After Loading It Dynamically

I'm loading data.js into my a.html page. In my data.js, i am checking if a.html has jquery and loading it if not. Right after loading jquery i am making an ajax call but i am getti

Solution 1:

The jQuery (and $ thus) isn't loaded yet when you make the AJAX call since you only just added the script tag to your DOM. After that it starts the downloading. Instead you should bind the onload event of script tag and perform the actions after it has been loaded.

Example

jqTag.onload = function() {
    var url = 'http://127.0.0.1:5000';

    $.ajax({
        url: url,
        success: function(data) {
           $("#" + containerId).html(data);
        },
        error: function(e) {

           console.log(e.message);
        }
    });
}
jqTag.src = 'http://localhost:8001/jquery-min.js';

Solution 2:

change this Line :

if(typeof jQuery=='undefined')

to

if(typeof jQuery== undefined ) {