使用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