使用angularjs将json发送到spring控制器时，浏览器控制台中出现不受支持的媒体类型错误

Question

这是我的控制器功能

@RequestMapping(value = "/logInChecker", method = RequestMethod.POST, consumes = {"application/json"})
    public @ResponseBody String logInCheckerFn(@RequestBody UserLogData userLogData){
        Integer userAuthFlag = goAnalyserModel.checkUserAuth(userLogData);
        return userAuthFlag.toString();
    }

我的豆类

公共类UserLogData {

private String userName;
private String password;

public String getUserName() {
    return userName;
}
public void setUserName(String userName) {
    this.userName = userName;
}
public String getPassword() {
    return password;
}
public void setPassword(String password) {
    this.password = password;
}

}

我的带有angularjs函数的html文件

<!DOCTYPE html>
<html lang="en" ng-app="nameAppIndexPage">
   <head>
      <meta charset="utf-8">
      <title>Go Analyser - Login</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="">
      <meta name="author" content="">
      <!-- Le styles -->
      <link href="assets/css/bootstrap.css" rel="stylesheet">
      <style type="text/css">
         body {
         padding-top: 60px;
         padding-bottom: 40px;
         }
      </style>
      <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
   </head>
   <body ng-controller="nameController">
      <div class="navbar navbar-inverse navbar-fixed-top">
         <div class="navbar-inner">
            <div class="container">
               <a class="brand" href="#">Go Analyser</a>
            </div>
         </div>
      </div>
      <div class="container">
         <!-- Example row of columns -->
         <div class="row">
           <div class=" margin_alignment"></div>
            <div class="span4"></div>
            <div class="span4">
               <form class="form-signin">
                  <label for="exampleInputEmail1">Email address</label>
                  <input type="text" class="input-block-level" placeholder="Email address" ng-model="userName">
                  <label for="exampleInputPassword1">Password</label>
                  <input type="password" class="input-block-level" placeholder="Password" ng-model="password">
                  <!-- <center><button class="btn btn-large" type="submit">Login</button></center>-->

                  <button type="submit" ng-click='checkLogin()'>login</button>
               </form>

            </div>
            <div class="span4"></div>
         </div>
         <div class="hr_space"></div>
         <footer>
         </footer>
      </div>
      <script src="assets/js/jquery.js"></script>
      <script src="assets/js/angular.js"></script>


      <script>
                    var myApp = angular.module('nameAppIndexPage',[]);
                    myApp.controller('nameController',function($http,$scope){
                        $scope.checkLogin = function(){
                            alert("inside checklogin()");

                            var userName = $scope.userName;
                            var password = $scope.password;

                            var dataToSend = {
                                "userName" : userName,
                                "password" : password   
                            };
                            console.log(dataToSend);
                            alert("after data to send");  
                            $http.post('logInChecker',dataToSend).success(function(data){
                                if(data == 1){
                                    alert("inside loginSuccess");
                                }else{
                                    alert("username and password mismatch");
                                    //write function to show incorrect password
                                }
                            }).error(function(data){
                                alert("error in post" + JSON.stringify({data: data}));
                            });
                        }
                    });
               </script>
   </body>
</html>

我在浏览器控制台中不断收到不受支持的媒体错误。 angularjs函数未将请求传递到spring控制器。 但是一切似乎都很好。

Answer 1

当无法将请求转换为Java对象或无法将Java对象转换为响应时，将发生此消息。

正如您所解释的，您有前一种情况。 您应该检查的几件事：

检查servlet配置中是否具有<mvc:annotation-driven />
检查您的类路径上是否具有杰克逊依赖项，对于spring 4.x，您应该具有jackson 2.x版本，对于spring 3.x，您应该使用jackson 1.9

为了确保您的回复也得到了正确的转换，除了具有适当的依赖关系之外，您还应确保

您可以将请求标头的值为application/json发送给Accept头，或者您的处理程序方法的RequestMapping批注的属性为produces = {"application/json"}

Answer 2

将@JsonProperty（“ **”）（**属性名称）添加到您的bean类中。 检入浏览器的JSON帖子消息的开发人员工具类型。

使用angularjs将json发送到spring控制器时，浏览器控制台中出现不受支持的媒体类型错误

问题描述

2 个解决方案

解决方案1
0 已采纳 2015-03-19 17:16:02

解决方案2
0 2015-03-19 17:43:19

使用angularjs将json发送到spring控制器时，浏览器控制台中出现不受支持的媒体类型错误

问题描述

2 个解决方案

解决方案1 0 已采纳 2015-03-19 17:16:02

解决方案2 0 2015-03-19 17:43:19

解决方案1
0 已采纳 2015-03-19 17:16:02

解决方案2
0 2015-03-19 17:43:19