jQuery/JavaScript read a local text file

Question

For some reason I got stuck with this 'thing'

As you can see I want to try to read the count.txt. This is working perfectly but for some reason the

alert(code);

is coming up after the

alert("The number can't be smaler then 0");

For me it makes no sense because I'd call the alert(count) before the alert("The number...") Any ideas why the jQuery function (alert) is called after the other alert?

function leftFunction() {
    jQuery.get('count.txt', function(data) {
        var count = data;
        alert(count);
    });
    scrolling = true;
    if(number == 0) {
        alert("The number can't be smaler then 0");
        return;
    }
    number--;
    document.getElementById("myImage").src = "latest" + number + ".jpg";
}

That's related to being sync/async. Check this out : stackoverflow.com/questions/27012556/… — Red fx
– Red fx, Commented Oct 26, 2017 at 7:35
jQuery.get() callback function is asynchronous "If the request is already complete, the callback is fired immediately." — guest271314
– guest271314, Commented Oct 26, 2017 at 7:38

user8826104 · Accepted Answer · 2017-10-26 07:45:47Z

3

As Red fx says in the comments, it's related to JavaScript being asynchronous. Try something like this instead:

function leftFunction() {
    jQuery.get('count.txt', function(data) {
        var count = data;
        alert(count);
    }).done(function() {
        scrolling = true;
        if (number == 0) {
            alert("The number can't be smaler then 0");
            return;
        }
    });
    number--;
    document.getElementById("myImage").src = "latest" + number + ".jpg";
}

Reference: https://api.jquery.com/jquery.get/

answered Oct 26, 2017 at 7:45

user8826104

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

1 Comment

Florian Zaskoku Over a year ago

Thanks alot for the snippet :)

Collectives™ on Stack Overflow

jQuery/JavaScript read a local text file

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related