Server से Data को प्राप्त करने के लिए हम $HTTP Shortcut Method का उपयोग करते है. यह Method Browser के XMLHttpRequest या JSONP के उपयोग से Data को Send या Receive करने के लिए उपयोग होती है.
Angularjs मे Infinite Server से Data को Received करने के लिए आप $HTTP Service का उपयोग कर सकते है दोस्तों अगर आप Server पर किसी भी तरह के Request को SNED करना चाहते है तो इसके आधार पर $HTTP Service मे कई Shortcut मेथड्स दिए गए है.
$HTTP मे आप Web Server पर AJAX को Call कर सकते है याद रखे कि AJAX Call को Domain से एक अलग Domain पर नही भेजा जा सकता है. उदाहरण के लिए यदि HTML Page को हमने tutorialsroot.com से Load किया गया है तो हम उस HTML Page को केवल tutorialsroot.com Domain के भीतर URL पर वापस AJAX को Call कर सकते है.
Data - Server पर जब कोई भी Response आता है तो यह उसको String या Object मे वापस भेज देता है.
Headers - यह Header की जानकारी को प्राप्त करने के लिए उपयोग मे आने वाला एक Function है.
Status - यह HTTP की स्थिति को Defined करने वाला एक Number है.
Config - इस का उपयोग Object Request को उत्पन्न करने के लिए किया जाता है.
<!DOCTYPE html>
<html>
<head>
<script src =
"https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js">
</script>
</head>
<body ng-app ="myApp">
<h1>Hello AngularJS $http Demo:</h1>
<div>
<div ng-controller="myController">
Response Data:<br />
Error:
</div>
</div>
<script>
var myApp = angular.module('myApp', []);
myApp.controller("myController", function ($scope, $http) {
var onSuccess = function (data, status, headers, config) {
$scope.data = data;
};
var onError = function (data, status, headers, config) {
$scope.error = status;
}
var promise = $http.get("/demo/getdata");
promise.success(onSuccess);
promise.error(onError);
});
</script>
</body>
</html>