Javascript 角度中的HTTP请求
我正在尝试用Angular js进行api调用。不幸的是,我似乎遇到了一些麻烦。我试图将一个英雄名字传递到表单字段中,并使用该信息与我的后端api进行对话。不幸的是,当我尝试联系时,我没有得到任何响应数据。关于如何打一个成功的电话有什么建议吗 这是控制器Javascript 角度中的HTTP请求,javascript,angularjs,ajax,forms,Javascript,Angularjs,Ajax,Forms,我正在尝试用Angular js进行api调用。不幸的是,我似乎遇到了一些麻烦。我试图将一个英雄名字传递到表单字段中,并使用该信息与我的后端api进行对话。不幸的是,当我尝试联系时,我没有得到任何响应数据。关于如何打一个成功的电话有什么建议吗 这是控制器 vm.errorMsg = ''; vm.hero = ''; function getCharacter(hero) { $http({ method: "GET", data: {
vm.errorMsg = '';
vm.hero = '';
function getCharacter(hero) {
$http({
method: "GET",
data: {
format: 'json'
},
url: "localhost:8080/character/heroByName/" + hero
}).then(function mySuccess(response){
vm.hero = response.data;
console.log(vm.hero);
}, function myError(response){
vm.errorMsg = response.statusText;
console.log(vm.errorMsg);
});
}
这是表单字段,您可以在其中输入英雄名称
<div class="container">
<h2>{{character.title}}</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="input-group">
<input type="text" class="form-control" placeholder="Wolverine" ng-model="character.hero">
<span class="input-group-btn">
<button class="btn btn-default" type="submit" ng-click="character.getCharacter(character.hero)">Go!</button>
</span>
</div>
</div>
</div>
</div>
{{character.title}}
走!
您应该通过将函数分配给vm.getCharacter
将其公开给作用域。之后,您可以通过ng click=“vm.getCharacter(character.hero)”
在模板中调用它
控制器
vm.errorMsg = '';
vm.hero = '';
vm.getCharacter = getCharacter;
function getCharacter(hero) {
$http({
method: "GET",
data: {
format: 'json'
},
url: "localhost:8080/character/heroByName/" + hero
}).then(function mySuccess(response){
vm.hero = response.data;
console.log(vm.hero);
}, function myError(response){
vm.errorMsg = response.statusText;
console.log(vm.errorMsg);
});
}
模板
<button class="btn btn-default" type="submit" ng-click="vm.getCharacter(character.hero)">Go!</button>
开始!
在浏览器中打开调试工具并显示实际错误。第二个ng click=“character.getCharacter(character.hero)”-角色是控制器吗?