Question

我正在使用springmvc和angularjs。我试图将String响应从springmvc控制器发送到angular控制器，但是面对浏览器控制台上显示的以下错误消息，而从springmvc返回的响应未在angularjs端打印。

错误：

SyntaxError：JSON中位置0处的意外令牌
在JSON.parse（）

示例代码： js：

myApp.controller('myTestCtrl', function ($rootScope, $scope,MyService) {
$sco[e.submitInfo = function(){
 var data = new FormData();
 var allInfo =
        {
            'name': $scope.name,
            'id': $scope.id,
            'product': $scope.product,
            'message':$scope.message
        }
 //files to be attached if exists
 for (var i in $scope.filesAttached) {
            var file = $scope.filesToAttach[i]._file;
            data.append("file", file);
        }
 MyService.sendAllInfo(data).then(
            function (response) {
            if (response === "") {
                  alert("success");
                  //logic
                }else{
                     alert("in else part " + response);
                  }},
            function (errResponse) {
                console.log("Error while retrieving response " + errResponse);
            });
    };
});
}});

MyService：

myService.sendAllInfo = function (data) {
         var deferred = $q.defer();
        var repUrl = myURL + '/myController/allInfo.form';
        var config = {
            headers: {'Content-Type': undefined},
            transformRequest: []
        }
       $http.post(repUrl,data,config)
            .then(
                function (response) {
                   alert("response json in service: "+ response);
                    deferred.resolve(response.data);
                },
                function(errResponse){
                    console.error('Error while getting response.data'+ errResponse);
                    deferred.reject(errResponse);
                }
            );
        return deferred.promise;
    };

春季mvc：

 @RequestMapping(value = "/allInfo", method = RequestMethod.POST, produces = MediaType.TEXT_PLAIN_VALUE)
    public @ResponseBody
    String allInfoData(@RequestParam("data") String data,@RequestParam("file") List<MultipartFile> files){  

//logic

return "success";

}

在上面的spring控制器代码中，我将成功字符串返回给angularjs控制器，但是在浏览器中显示以下错误。

SyntaxError：JSON中位置0处的意外令牌s 在JSON.parse（）

注意：上面仅是示例代码，它完美地敲击了弹簧控制器，并且仅在捕获弹簧控制器对角度控制器的响应时发出此命令。我试图将produces=MediaType.TEXT_PLAIN_VALUE更改为produces={"application/json"}，但仍然显示相同的错误。

Answer 1

为避免解析字符串，请使用transformResponse: angular.identity：

myService.sendAllInfo = function (data) {
        ̶ ̶v̶a̶r̶ ̶d̶e̶f̶e̶r̶r̶e̶d̶ ̶=̶ ̶$̶q̶.̶d̶e̶f̶e̶r̶(̶)̶;̶
        var repUrl = myURL + '/myController/allInfo.form';
        var config = {
            headers: {'Content-Type': undefined},
            transformRequest: [],
            //IMPORTANT
            transformResponse: angular.identity
        }
       var promise = $http.post(repUrl,data,config)
            .then(
                function (response) {
                   alert("response json in service: "+ response);
                   return response.data;
                },
                function(errResponse){
                    console.error('Error while getting response.data'+ errResponse);
                    throw errResponse;
                }
            );
        return promise;
    };

也请避免使用deferred Anti-Pattern。

Answer 2

在响应中，有一些值为简单文本而非字符串的值，因此您要让其解析JSON文本something（不是"something"）。那是无效的JSON，字符串必须用双引号引起来。

如果您希望与第一个示例等效：

var s = '"something"';
var result = JSON.parse(s);

Answer 3

最好的解决方案是使用responseType：“ text”作为“ json”，它将醒来

SyntaxError：JSON中意外的令牌s在JSON.parse + angularjs的位置0

3 个答案: