Process chunked response with angularjs $http

Question

I discoverd recently chunked response. I agree that most of the time we want to work on a full response. But what if I want to work on a chunked response.

How would i do this with the $http service??

Answer 1

I've found a way to do something that looks correct to me http://www.igvita.com/2011/08/26/server-sent-event-notifications-with-html5/

Of course there is also the websocket api, but it seams heavy for my uses

Another possibility would be the write another http service which would give control over the http response

Answer 2

You can define a function with the angularjs promise $q wrapping the XMLHttpRequest.

var chunkedRequestWithPromise = function () {
  var deferred = $q.defer();
  var xhr = new XMLHttpRequest()
  xhr.open("GET", 'https://yoururl.com/chunked', true)
  xhr.onprogress = function () {
    deferred.notify(xhr.responseText);
  }
  xhr.onreadystatechange = function (oEvent) {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            deferred.resolve('success');
        } else {
            deferred.reject(xhr.statusText);
        }
    }
  };
  xhr.send();
  return deferred.promise;
};

and use it:

chunkedRequestWithPromise().then(successFn,errorFn,notifyFn);