AngularJS无法加载资源：服务器响应状态为403（）

Question

Frontend code

      var app = angular.module('myApp', ['ngResource']);
         app.controller('UserController', ['$scope', '$resource',function($scope,$resource) 
            {
         $scope.deleteRec = function(username)
                 {
                    User = $resource(
                            'delete/:username',
                            {},
                             {method:'DELETE', params: {username: '@username'}});
                    User.delete({username: $scope.myform.username}).$promise.then(function successCallback(response) 
                    {
                        $scope.Message = response;
                    }, function errorCallback(response) {

                    });

                    $scope.myform.username = "";
                    $scope.myform.phone="";
                    $scope.myform.email="";
                  };

         }]);
<table border="1" width="50%" height="50%"> 
    <tr><th>user_name</th><th>phone</th><th>email</th><th>delete</th></tr>
     <tr data-ng-repeat="user in usernames">
     <td><span data-ng-bind="user.username"></span></td>
      <td><span data-ng-bind="user.phone"></span></td>
       <td><span data-ng-bind="user.email"></span></td>
        <td><button data-ng-click="deleteRec(user.username)">delete</button>
       </tr>   
   </table>   

Spring Controller code

@RequestMapping(value="/delete/{username}")
    @ResponseBody
    public String delete(@PathVariable String username) 
    {
        String user=retrievedataservice.delete(username);
        return user;
    }

how to delete the particular record through angularjs request. Angularjs does not send the parameter to spring controller

Answer 1

in angularjs, do the API call for once as:

$http({
  method: 'DELETE',
  url: 'delete/:username,
  data: {
    username: $scope.myform.username
  },
  headers: {
    'Content-type': 'application/json;charset=utf-8'
  }
}).then(function(response) {
    $scope.Message = response

});

in spring:

public String delete(@PathVariable('username') String username){}

@PathVariable is used for accessing parameters from URI template

or instead use,

public String delete(@RequestParam String username){}