Angularjs - Http in Hindi

First Page
Next Page

सर्वर से डेटा को प्राप्त करने के लिए, हम $Http शॉर्टकट विधि का उपयोग करते हैं यह विधि browser के XMLHttpRequest या JSONP के उपयोग से data को send या receive करने के लिए यूज़ होती है

Angularjs में infinite सर्वर से डेटा को प्राप्त करने के लिए, हम $Http सेवा का उपयोग करते हैं अगर हम server पर किसी भी तरह के request को भेजना चाहते हैं, इसके आधार पर $Http सेवा में कई शॉर्टकट विधियां हैं

$Http में आप वेब सर्वर पर AJAX को कॉल कर सकते है याद रखें, कि AJAX कॉल को डोमेन से एक अलग डोमेन पर नहीं भेजा जा सकता, उदाहरण के लिए, यदि HTML पृष्ठ को हमने htmltpoint.com से लोड किया गया है तो हम उस HTML पेज को केवल htmltpoint.com डोमेन के भीतर URL पर वापस AJAX को कॉल कर सकते हैं

Properties

  • data - जब सर्वर पर कोई भी response आता है तो यह उसको स्ट्रिंग या object में return कर देता है.

  • headers - यह header की जानकारी को प्राप्त करने के लिए यूज़ में आने वाला एक फ़ंक्शन है .

  • status - यह HTTP की स्थिति को defined करने वाला एक नंबर है.

  • config - इस का यूज़ ऑब्जेक्ट request को उत्पन्न करने के लिए किया जाता है.

Example Code

<!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: {{data}} <br />
           Error: {{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>

Example Result

Hello AngularJS $http Demo:

Response Data: This is dummy data
Error:
First Page
Next Page