Ajax class in Javascript not working

Question

I am trying to create my own version of the ajax method in Jquery to see how it works:

function ajax(url, method) {
    var self = this;
    this.xhr = new XMLHttpRequest();
    this.xhr.onreadystate = function() {
        self.xhrHandler();
    }
    this.xhr.open(method, url, true);
    this.xhr.send();
}

ajax.prototype.xhrHandler = function() {
    if (this.xhr.readyState == 4) {
        console.log(this.xhr.responseText);
    }
    console.log("test");
}

It never goes into the xhrHandler function, though, since it never prints out "test". What is going on?

Edit: Here is a usage example: var ex = new ajax("www.fake.com/api/item/1/", "GET");

Can you give a usage example?

Widor
– Widor

2012-05-31 17:06:57 +00:00
Commented May 31, 2012 at 17:06 — Widor
– Widor, Commented May 31, 2012 at 17:06

Denys Séguret · Accepted Answer · 2012-05-31 17:10:10Z

3

The handler is called onreadystatechange, not just onreadystate.

And (that's a detail), you should also test the status.

answered May 31, 2012 at 17:10

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

Collectives™ on Stack Overflow

Ajax class in Javascript not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related