Spring MVC + AngularJS 415不支持的媒体类型

Question

The question is very simple and I know it was answered in many other question but none worked for me. Using Spring MVC and AngularJS I am getting AngularJS 415 Unsupported Media Type !

I tried setting angular header to application/json
I tried with @Consumes annotation on Server Side
I tried with consumes ="application/json"
I tired with consumes ="application/application/json;charset=UTF-8'
I tried with consumes ={"application/json","application/xml"}
I also tried to setup produces property.

I tried explicitly setting the hear content type on the client to match exactly the one on the server but, NOTHING WORKED ! here are related questions that none actually helped ! 1
2 3

Here is my Controller

/**
 * Created by adelin.ghanayem@gmail.com
 */
@Controller
@RequestMapping(value = "/administration/places")
public class PlacesController {

    private PlacesService service;

    @Autowired
    public PlacesController(PlacesService service) {

        this.service = service;

    }


    @RequestMapping(method = RequestMethod.POST,consumes = {"application/json;charset=UTF-8"})
    public String newPlace(@RequestBody Place places) {

        String id = service.addNewPlace(places);

        return "/administration/places/" + id;

    }


    @RequestMapping(value = "/{id}")
    public Place getById(@PathVariable String id) {

        return new Place();

    }


}

And my AngularJS controller

function NewPlacesController(scope, http) {


    scope.place = {};

    scope.add = function () {

        http.post(URLS.addNewPlace, scope.place,{'Content-Type': 'application/json'}).success(function (value) {

            console.log("got it !");

        }).error(function (value) {
            console.log("CUR!");
        });

    }
}

NewPlacesController['$inject'] = ['$scope', '$http'];

Answer 1

Try it:

@RequestMapping(method = RequestMethod.POST,consumes = {"application/json;charset=UTF-8"}, produces={"application/json;charset=UTF-8"})
public String newPlace(@RequestBody Place places) {

    String id = service.addNewPlace(places);

    return "/administration/places/" + id;

}

And make sure you included Jackson Databind library.

Answer 2

Look at the content-type in your angular code. You may need to explicitly set it. Also look at your Spring MVC implementation. You can use the "REST Console" app in chrome to test your api to make sure it works the way you believe it should.

Answer 3

add in your pom :

    <dependency>
        <groupId>org.codehaus.jackson</groupId>
        <artifactId>jackson-mapper-asl</artifactId>
        <version>1.9.13</version>
    </dependency>