syntax error being thrown when i use jQuery.ajax to fetch a script

Question

I have the following code:

$.ajax({
    beforeSend: function () {
        console.log("fetching script");
    },
    url: "../../../scripts/review-level-" + ig.game.currentLevel.toString() + ".js",
    dataType: "script",
    type: "GET",
    success: function (script) {
        console.log(reviewFunc());
    },
    error: function (jqXHR, textStatus, errorThrown) {
        console.log(errorThrown);
    }
});

I am trying to fetch a script using jQuery.ajax, I've tried the shorthand function $.getScript() as well, and I am getting a SyntaxError as the errorThrown in the error parameter, even though under the network tab in the chrome developer tool it shows the script as being successfully fetched with a status code of 200. here is the script I am fetching:

function reviewFunc() {
    var overlay = ig.game.spawnEntity("EntityInfooverlay", 0, 0, {
        msg: {
            status: true,
            message: "Question #1:",
            counterOut: 0
        }
    });
    console.log("reviewFunc Finished");
    return overlay;
}

I can't see any syntax errors in there so i'm kinda stumped. If anyone see's anything i don't or has encountered this before any help would be greatly appreciated.

Community · Accepted Answer · 2017-05-23 12:12:23Z

2

Might be easier to debug with some raw javascript:

loadScript("../../../scripts/review-level-" + ig.game.currentLevel.toString() 
    + ".js", function() { reviewFunc(); });

function loadScript(src, callback)
{
    var s, r;
    r = false;
    s = document.createElement('script');
    s.type = 'text/javascript';
    s.src = src;
    s.onload = s.onreadystatechange = function() {
        if ( !r && (!this.readyState || this.readyState == 'complete') )
        {
            r = true;
            callback();
        }
    };
    document.body.appendChild(s);
}

EDIT

Solution was found here.

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Nov 30, 2012 at 17:14

Anders

15.4k5 gold badges34 silver badges43 bronze badges

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

5 Comments

Joe Over a year ago

updated code.. it should actually be console.log(reviewFunc()); because reviewFunc() is a function in the script being fetched and when type: "script" is defined or you use the short-hand $.getscript() the entire script is supposed to be read and evaluated at the global level so you can access it from other scripts. funny thing is i have this same thing (using the short-hand $.getScript(), calling a couple other scripts in another module of my code and it works perfectly yet when i tried to duplicate it it fails.

Anders Over a year ago

Only thing I can think of is maybe the script hasn't actually loaded, you could try specifying async: false, in the GET.

Joe Over a year ago

okay that gave me something new, It is giving me an Unexpected Token ILLEGAL error on the script i'm fetching on line 2. what do you think it is referring to? I don't see any illegal characters in there (second code block in the op) thanks

Anders Over a year ago

Check out: stackoverflow.com/questions/11444427/… That has happened to me as well, usually with jsFiddle.

Joe Over a year ago

that did it thanks so much i never would have figured that out

Collectives™ on Stack Overflow

syntax error being thrown when i use jQuery.ajax to fetch a script

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related