Track "state" of http request.

Often elements in a page will show/hide based on the state of the http request.

this.registerState = 'sending';

this.$http.post('/auth/register, {}, function () {
    this.registerState = 'sent';
}, function () {
    this.registerstate = 'error';
});

This can get extremely redundant. It would be nice if there was a parameter that could be set for the request and the contexts data would automatically get updated.

this.$http.post('/auth/register, {}, function () {
}, {
    state: 'registerState'
});

Then in our view we just have access to registerState and don’t need to constantly write up the logic.

[nblackburn]

Vue.http.get('https://example.com/api/v1/authenticate', {username: 'username', password: 'password'}, {
    xhr: {
        onreadystatechange: function(event) {
          console.log(event);
        }
    }
});

You could do this via the third argument on a request and attaching a callback to the xhr object.

On a side note, try and keep questions in the forums as this is the wrong place to be asking them.

[nblackburn]

I know it’s not a question, i was simply stating it was possible at present even though i prefer your proposal.

That being said, it would also be nice to extend this out to track request progress too which would be useful for displaying upload/download progress.

I have updated my example to cover all states rather than just progress.