如何从angularjs控制器发送请求到弹簧控制器？ [英] How to send request from angularjs controller to spring controller?

问题描述

我正在使用AngularJS在Spring 4中使用Hibernate 5制作SPA。我无法将AngularJS控制器的请求发送到Spring Controller。



执行内部submit（）函数成功，但它失败了。



错误显示在浏览器控制台中：



< pre lang =HTML> angular.js：12011 POST http：// localhost：8050 / Spring_Hibernate_MVC / registerStudent 404（Not Found）

我的项目结构如下。



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 >  
 
 <  表格    name   =  myForm    novalidate  >  
：
：
：
 <  输入    type   = < span class =code-keyword>提交   值  = 提交    ng-click   = 提交（）   >  <   br  >  
 <   / form  >  
  <   / div  >  

app.js

 var routeApp = angular .module（RouteApp，['ngRoute']）; 

RegisterController.js

 routeApp.controller（RegisterController，fu nction（$ scope，$ http）{
 :::: //一些代码在这里
 $ scope.submit = function（）{
 
 var req = {
方法：'POST'，
 url：'/ registerStudent'，
 data：$ scope.studentList 
}; 
 
 $ http（req）。然后是
（函数（响应）{
 console.log（response.status）; 
 console.log（成功）; 
 $ scope.studentList = []; 
}，函数（响应）{
 console.log（response.status）; 
 console.log（失败）; 
}）; 
}; 
}）; 

web.xml

 <   servlet  >  
 <   servlet-name  < span class =code-keyword>>  springServlet <   / servlet-name  >  
 <   servlet-class  >  org.springframework.web.servlet.DispatcherServlet <   / servlet-class  >  
 <   init-param  >  
 <   param-name  >  contextConfigLocation <   / param-name  >  
 < span class =code-keyword><   param-value  >  / WEB -INF / spring.xml <   / param-value   >  
 <   / init-param  >  
 <   load-on-startup  < span class =code-keyword>>  1 <   / load-on-startup  >  
 <   / servlet  >  
 <   servlet-mapping  >  
 <   servlet-name  >  springServlet <   / servlet-name  >  
 <   url-pattern  >  *。执行<   / url-pattern  >  
 <   / servlet-mapping  >  

RegisterCont roller.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））{
返回新的ResponseEntity <   RegisterDTO  > （HttpStatus.CREATED）; 
} 
 
返回新的ResponseEntity <   RegisterDTO  > （HttpStatus.CREATED）; 
 
} 
} 

我的尝试： < br $>


i尝试提供完整网址，

网址：'   http：// localhost：8050 / Spring_Hibernate_MVC / registerStudent' 

但它也不起作用

解决方案

范围，

http）{
:::: //一些代码在这里

scope.submit = function（）{

var req = {
method： 'POST'，
url：'/ registerStudent'，
data：

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

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

error shows in browser console:

angular.js:12011 POST http://localhost:8050/Spring_Hibernate_MVC/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.CREATED);

    }
}

What I have tried:

i tried to giving full url,

url: 'http://localhost:8050/Spring_Hibernate_MVC/registerStudent'

but it's also not working

解决方案

scope,

http) { :::://some code is here

scope.submit = function() { var req = { method: 'POST', url: '/registerStudent', data:

这篇关于如何从angularjs控制器发送请求到弹簧控制器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！