AngularJS Ajax
AngularJS provides the $http service that is basically used to communicate with the remote HTTP servers via the browser's XMLHttpRequest object or via JSONP.
In other word $http service is used to send the ajax call to remote server. Ajax call must be in the same server.
Important point about $http
- AngularJS $http is a Angular service for reading data from servers.
- $http.get(url) is a function that is used to read the data from server.
Example
<!DOCTYPE html>
<html>
<script src= "angular.min.js"></script>
<body>
<div ng-app="ukApp" ng-controller="ukController">
{{data}}
</div>
<script>
var app = angular.module('ukApp', []);
app.controller('ukController', function($scope, $http) {
$http.get("http://freeonlinecompiler.ptutorial.com/data3.php")
.success(function(response) {$scope.data = response;});
});
</script>
</body>
</html>
Explanation
You can simply execute this example by deploying the angularjshttp.html and the data3.php file on the server.
AngularJS will invoke ukController with a $scope and $http object.
$scope is the application object.
$http is an XMLHttpRequest object for requesting external server data.
$http.get() method is used to get the data from server ().
If success, the controller assign the response data to the data property.
