angular.service.$xhr

Work in Progress This page is currently being revised. It might be incomplete or contain inaccuracies.

Description

Generates an XHR request. The $xhr service adds error handling then delegates all requests to $browser.xhr().

Dependencies

Usage

$xhr(method, url[, post], callback);

Parameters

Example

  <script>
    function FetchCntl($xhr) {
      var self = this;

      this.fetch = function() {
        self.clear();
        $xhr(self.method, self.url, function(code, response) {
          self.code = code;
          self.response = response;
        });
      };

      this.clear = function() {
        self.code = null;
        self.response = null;
      };
    }
    FetchCntl.$inject = ['$xhr'];
  </script>
  <div ng:controller="FetchCntl">
    <select name="method">
      <option>GET</option>
      <option>JSON</option>
    </select>
    <input type="text" name="url" value="index.html" size="80"/><br/>
    <button ng:click="fetch()">fetch</button>
    <button ng:click="clear()">clear</button>
    <a href="" ng:click="method='GET'; url='index.html'">sample</a>
    <a href="" ng:click="method='JSON'; url='https://www.googleapis.com/buzz/v1/activities/googlebuzz/@self?alt=json&callback=JSON_CALLBACK'">buzz</a>
    <pre>code={{code}}</pre>
    <pre>response={{response}}</pre>
  </div>