retrieve data AngularJS and spring MVC

Question

I want to make search by AngularJS and spring MVC but the following code didn't work There are no errors in eclipse console or web console

This is Spring MVC Controller

@RequestMapping(value = "app/rest/contacts/search",
        method = RequestMethod.GET,
        produces = MediaType.APPLICATION_JSON_VALUE)
@Timed
public List<Contact> find(@RequestParam(value = "name") String name) {
    List<Contact> queryResults = contactRepository.search(name);
    return queryResults;
}

This is AngularJS Service

 pagingpocApp.factory('Contact', function ($http) {
 return {
        search: function(name) {
            var promise = $http.get('app/rest/contacts/search',{params: {name: name}}).then(function (response) {
                return response.data;
            });
            return promise;
        }
 }
  });

this is AngularJS Controller

pagingpocApp.controller('ContactController', function ($scope, $filter,resolvedContact, Contact) {
$scope.search= function() {
    Contact.search($scope.name).then(function(obj) {
        console.log(obj)
                  });
    }
   });

Html Page

<input ng-model="name">
<input type="submit" ng-click="search()">

Use your browser's debugging tool to watch the network traffic, turn up Web MVC logging to DEBUG and see if the requests are going through, and make sure that if that's not a @RestController you use @ResponseBody. — chrylis -cautiouslyoptimistic-
– chrylis -cautiouslyoptimistic-, Commented Jan 20, 2015 at 13:44

Ali-Alrabi · Accepted Answer · 2015-01-20 14:33:15Z

1

Your code is correct There are no errors ,Make sure you not use function name more than one, may you use search name in two function in angular controller

answered Jan 20, 2015 at 14:33

Ali-Alrabi

1,7506 gold badges30 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jaideep · Accepted Answer · 2015-01-20 14:05:08Z

0

Try this,

Change this line to

var promise = $http.get('app/rest/contacts/search',{params: {name: name}}).then(function (response) {
            return response.data;
        });

to

var promise = $http.get('app/rest/contacts/search',{params: {name: name}});

Then in ContactController, doing obj.data should give you the data.

answered Jan 20, 2015 at 14:05

Jaideep

1

Collectives™ on Stack Overflow

retrieve data AngularJS and spring MVC

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related