$http – the Angular wrapper for XHR

If we are developing a component for AngularJS, then we should use all the benefits and advantages that this framework provides, such as Promises, caching, mocking, and so on. For XHR, AngularJS provides an easy-to-use function that implements Promises. Let's take a look at an example:

var url = "files/access.log";
$http.get(url)
.then(function(response){
  console.log(response.data);
});

Looks pretty neat, doesn't it? This is exactly why we want to use an abstraction provided by AngularJS. Now, we can make an HTTP request with all the advantages from the AngularJS world. For completeness, let's also look at the POST request:

var url = "files/access.log";
var data = {'test': 'my-data'};
$http.post(url, data)
.then(function(response){
  console.log(response.data);
});

Also, the preceding code will load the log file and print it as the previous examples.

Creating an AngularJS data loading component...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Data Visualization with D3 and AngularJS

By : Erik Hanchett, Christoph Körner

Data Visualization with D3 and AngularJS

By: Erik Hanchett, Christoph Körner

Overview of this book

$http – the Angular wrapper for XHR

Creating an AngularJS data loading component...

Data Visualization with D3 and AngularJS

By : Erik Hanchett, Christoph Körner

Data Visualization with D3 and AngularJS

By: Erik Hanchett, Christoph Körner

Overview of this book

$http – the Angular wrapper for XHR

Creating an AngularJS data loading component...

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access