Question

Is it possible to call external javascript files based on a condition as below for E.g.

switch (VCheck) {
    case "1":
        Call "1.js"
        break;
    case "2":
        Call "2.js"
        break;
    case "3":
        Call "3.js"
        break;
    case "4":
        Call "4.js"
        break;
    case "5":
        Call "5.js"
        break;
    case "0":
        Call "Default.js"
        break;
    default: alert("Server Error - No Data!");
}

If so please could you assist in providing the correct syntax.

Answer 1

You should use require.js which does exactly what you need in a more elegant syntax.

http://requirejs.org/

If your “Call” instruction does async loading, you could also factorize your code this way :

function Call(VCheck, callback)
{
    callback = callback || function(data) {};

    var data = ["Default", "1", "2", "3", "4", "5"];
    if (VCheck < 0 || VCheck > data.length - 1) { return alert("Server Error - No Data!"); }

    var script = document.createElement("script");
    script.id = "data" + Math.ceil(Math.random() * 0xffffff).toString(16);
    script.async = true;
    script.type = "text/javascript";
    script.src = data[VCheck] + ".js";

    var head = document.getElementsByTagName("head")[0];
    head.insertBefore(script, head.firstChild);

    var img = new Image();
    img.onload = function()
    {
        //your data here
        console.log(document.getElementById(script.id).innerHTML);

        var data = document.getElementById(script.id).innerHTML;
        callback.call(null, data);
    };
    img.src = script.src;
}

Or if you use jQuery’s getScript :

$.getScript(data[VCheck] + ".js", function(data)
{
   //your data here
   console.log(data);
});