检索数据 AngularJS 和 spring MVC
retrieve data AngularJS and spring MVC
我想通过 AngularJS 和 spring MVC 进行搜索,但以下代码不起作用 Eclipse 控制台或 Web 控制台中没有错误
这是Spring MVC 控制器
@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;
}
这是AngularJS服务
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;
}
}
});
这是AngularJS控制器
pagingpocApp.controller('ContactController', function ($scope, $filter,resolvedContact, Contact) {
$scope.search= function() {
Contact.search($scope.name).then(function(obj) {
console.log(obj)
});
}
});
Html 页
<input ng-model="name">
<input type="submit" ng-click="search()">
试试这个,
将此行更改为
var promise = $http.get('app/rest/contacts/search',{params: {name: name}}).then(function (response) {
return response.data;
});
至
var promise = $http.get('app/rest/contacts/search',{params: {name: name}});
然后在 ContactController 中,执行 obj.data 应该会给你数据。
你的代码是正确的没有错误,确保你使用的函数名称不超过一个,你可以在angular控制器
中的两个函数中使用搜索名称
我想通过 AngularJS 和 spring MVC 进行搜索,但以下代码不起作用 Eclipse 控制台或 Web 控制台中没有错误
这是Spring MVC 控制器
@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;
}
这是AngularJS服务
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;
}
}
});
这是AngularJS控制器
pagingpocApp.controller('ContactController', function ($scope, $filter,resolvedContact, Contact) {
$scope.search= function() {
Contact.search($scope.name).then(function(obj) {
console.log(obj)
});
}
});
Html 页
<input ng-model="name">
<input type="submit" ng-click="search()">
试试这个,
将此行更改为
var promise = $http.get('app/rest/contacts/search',{params: {name: name}}).then(function (response) {
return response.data;
});
至
var promise = $http.get('app/rest/contacts/search',{params: {name: name}});
然后在 ContactController 中,执行 obj.data 应该会给你数据。
你的代码是正确的没有错误,确保你使用的函数名称不超过一个,你可以在angular控制器
中的两个函数中使用搜索名称