current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 3 down vote favorite
2

I am trying to integrate AngularJS with Spring MVC; but I am not able to post parameters to spring controller as RequestBody. Can some one help me to achieve the same. Below is brief flow of my program.

After doing data entry TodoNewController gets executed. From here I am calling user-defined method "create" which I have defined in services.js. As per the flow after this it should call create method of TodoController.java along with input params; but it is not happening. Can some one let me know what is wrong with the code. Below is the code for same.

controller.js

function TodoNewController($scope, $location, Todo) {

    $scope.submit = function () {

        Todo.create($scope.todo, function (todo) {

            $location.path('/');

        });

    };

    $scope.gotoTodoListPage = function () {

        $location.path("/")

    };

}

services.js

angular.module('todoService', ['ngResource']).

        factory('Todo', function ($resource) {

            return $resource('rest/todo/:id', {}, {

                'create': {method:'PUT'}

            });

        });

TodoController.java

@Controller

public class TodoController {

    private static final AtomicLong todoIdGenerator = new AtomicLong(0);

    private static final ConcurrentSkipListMap<Long, Todo> todoRepository = new                ConcurrentSkipListMap<Long, Todo>();

    @RequestMapping(value = "/todo", method = RequestMethod.PUT)

    @ResponseStatus(HttpStatus.NO_CONTENT)

    public void create(@RequestBody Todo todo) {

        long id = todoIdGenerator.incrementAndGet();

        todo.setId(id);

        todoRepository.put(id, todo);

    }

}
share|improve this question

3 Answers 3

up vote 2 down vote

Spring expects application/x-www-form-urlencoded as the Content-Type of the request. You may try inject $http into your service and invoke $http.defaults.headers.put["Content-Type"] = "application/x-www-form-urlencoded"; at the beginning of it.

share|improve this answer
up vote 0 down vote

Modify the request mapping to match the actual mapping /rest/todo and change the databinding to use @ModelAttribute.

 @RequestMapping(value = "/rest/todo", method = RequestMethod.PUT)
 @ResponseStatus(HttpStatus.NO_CONTENT)

    public void create(@ModelAttribute Todo todo) {

        long id = todoIdGenerator.incrementAndGet();

        todo.setId(id);

        todoRepository.put(id, todo);

    }
share|improve this answer
    
Thanks a lot for u r response; but when I say something like todo.getTitle() or todo.getDescription() in spring controller then it is giving null. Just for u r information, "todo.title" and "todo.description" are my model in angularJS. I have also created Todo.java a normal DTO with corresponding getter and setter; So how to retrieve those values in spring controller. Appreciate u r quick response. –  Ravi Jan 17 '13 at 12:16
    
What does the request look like going over the wire? Can you check it out with firebug and post? –  Kevin Bowersox Jan 17 '13 at 12:19
    
Request URL - localhost:9090/Angular_Spring_Hibernate/rest/todo Method - PUT POST Data Content (as per firebug) Type: application/json;charset=utf-8 {"title":"rtrr","description":"rtttrtrt"} –  Ravi Jan 17 '13 at 12:42
up vote 0 down vote

Isolate the problem first. Is it Spring or Angular that's causing the issue? I suggest you install a Rest client plugin either in Chrome or FireFox. Then create a PUT request and enter the correct endpoint URL. If you're able to receive the correct response, then it means your Angular request is constructed incorrectly.

Now, run your Angular-based client. Make a PUT request. Inspect the parameters and request sent (in Chrome, you can use Developer tools) and see if it matches the request you sent earlier. If it does, then it should work. If not, then you know the problem.

Also, your Angular resource:

$resource('rest/todo/:id')

has a different URL than what you have in your Spring controller

@RequestMapping(value = "/todo", method = RequestMethod.PUT)

So the first one is like 'rest/todo/1' and the latter is '/todo'. I don't think those would match.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.