Code Editor

Home

<!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>AngularJS $http Demo: </h1>
    <div ng-controller="myController">
            Response Data: {{data}} <br />
			Error: {{error}}
    </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 getReq = {
                    method: 'GET',
                    url: '/demo/getdata'
                };
            
            $http(getReq).success(onSuccess).error(onError);

var postReq = {
                    method: 'POST',
                    url: '/demo/submitData',
                    data: { myData: 'test data' }
                };

$http(postReq).success(onSuccess).error(onError);
         
        });
    </script>

</body>
</html>

Result:

<code> Editor