How to send request from AngularJS controller to Spring Controller?

Question

I am making SPA using AngularJS in Spring 4 with Hibernate 5. I can't send a request from the AngularJS controller to the Spring Controller.

execution coming inside submit() function successfully, but it's going fail.

Error shows in browser console:

POST http://localhost:8050/Spring_Hibernate_MVC/Views/registerStudent 404 (Not Found)

My project structure is like below.

Spring_Hibernate_MVC
=src
-com->karmesh->mvcApp->controller->register->RegisterController.java
=WebContent
-js->app->RegisterController.js
-Views->Register.html

Register.html

<div id="DivRegisterMain" ng-controller="RegisterController as ctrl">

    <form name="myForm" novalidate>
    :
    :
    :
    <input type="submit" value="Submit" ng-click="submit()" ><br>
</form>
</div>

app.js

var routeApp=angular.module("RouteApp",['ngRoute']);

RegisterController.js

routeApp.controller("RegisterController", function($scope, $http) {
:::://some code is here
$scope.submit = function() {

        var req = {
                 method: 'POST',
                 url: '/registerStudent',               
                 data: $scope.studentList
                };

        $http(req).
        then(function(response){
            console.log(response.status);
            console.log("in success");
            $scope.studentList=[];
        }, function(response){
            console.log(response.status);
            console.log("in fail");     
        });
    };
});

web.xml

<servlet>
        <servlet-name>springServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>/WEB-INF/spring.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springServlet</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>

RegisterController.java

@RestController
@RequestMapping("/")
public class RegisterController {

    @Autowired
    private RegisterService registerService;


    @RequestMapping(value="/registerStudent", method = RequestMethod.POST)  
    public ResponseEntity<RegisterDTO> registerStudent(@RequestBody List<RegisterDTO> stdList) {    


        if (registerService.isStudentExist(stdList)) {
            return new ResponseEntity<RegisterDTO>(HttpStatus.CREATED);
        }

        return new ResponseEntity<RegisterDTO>(HttpStatus.CONFLICT);

    }
}

Answer 1

[EDIT adding ".do", changing method return, adding parameter check]

You are requesting a wrong URL.

Replace

http://localhost:8050/Spring_Hibernate_MVC/Views/registerStudent 

With

http://localhost:8050/Spring_Hibernate_MVC/registerStudent.do //notice I removed /views/ and added .do

If even the second one doesn't work try

http://localhost:8050/springServlet/registerStudent.do 

So in your angular controller change the url to be like below

var req = {
        method: 'POST',
        url: 'http://localhost:8050/Spring_Hibernate_MVC/registerStudent.do',//notice the .do at the end ro try http://localhost:8050/springServlet/registerStudent.do             
        data: $scope.studentList
};

RegisterController

@Controller  //LOOK here
@RequestMapping("/")
public class RegisterController {

    @Autowired
    private RegisterService registerService;

    @ResponseBody  //LOOK here
    @RequestMapping(value="/registerStudent", method = RequestMethod.POST)  
    public boolean registerStudent(@RequestBody List<RegisterDTO> stdList) {    
       if (stdList != null) {   //check if the object received is not null
         //store your stdList somehow
      }
      return registerService.isStudentExist(stdList);
    }
}

Your AngularController

$scope.submit = function() {
var req = {
        method: 'POST',
        url: 'http://localhost:8050/Spring_Hibernate_MVC/registerStudent.do',               
        data: $scope.studentList
};

$http(req).then(function(response){
    console.log(response); // prints true or false
    if (response)
      console.log("in success");
    else 
       console.log("in fail");
    $scope.studentList=[];
    }, function(error){
     console.log("in fail");     
    });
};

});