Javascript LoL API,使用json结构
我正在尝试使用Alliang和JavaScript的一个简单的召唤者姓名搜索示例来使用LeagueofLegends API 这是我的搜索方法Javascript LoL API,使用json结构,javascript,json,angularjs,Javascript,Json,Angularjs,我正在尝试使用Alliang和JavaScript的一个简单的召唤者姓名搜索示例来使用LeagueofLegends API 这是我的搜索方法 if($scope.search === undefined){ $scope.search = "mainumby"; fetch(); } 这是我的请求和回应 function fetch(){ var url = "https://las.api.pvp.net/api/lol/las/v1.4/summoner/by-name/"+ $scop
if($scope.search === undefined){
$scope.search = "mainumby";
fetch();
}
这是我的请求和回应
function fetch(){
var url = "https://las.api.pvp.net/api/lol/las/v1.4/summoner/by-name/"+ $scope.search + "?api_key=" + API_KEY;
//console.log(url);
$http.get(url)
.success(function(response){
//first try
console.log("res:",response);
//second try
console.log("res:",response.mainumby);
$scope.details = response.mainumby;
});
}
参数response正确接收json结构
res: Object {mainumby: Object}mainumby: Objectid: 62075name: "Mainumby"profileIconId: 578revisionDate: 1390173606000summonerLevel: 30 }}
我的问题是,如果$scope.details只收到响应我就无法访问成员,但是如果我使用响应.mainumby就可以了,我的html+angular也可以了
res: Object {id: 62075, name: "Mainumby", profileIconId: 578, summonerLevel: 30, revisionDate: 1390173606000}
然后把它放在我的html上
<p>{{ details.id }}</p>
<p>{{ details.name }}</p>
<p>{{ details.profileIconId }}</p>
<p>{{ details.summonerLevel }}</p>
<p>{{ details.revisionDate }}</p>
{{details.id}
{{details.name}
{{details.profileIconId}
{{details.召唤级别}
{{details.revisionDate}
显然,我不能使用这个硬编码响应。mainumby来进行另一个召唤师搜索,那么我如何才能避免这种情况呢?我应该如何正确使用我收到的json?我对angular不是100%熟悉,但你能试试这个:var userName=“mainumby”$scope.search=userName$scope.details=响应[用户名];您好,我尝试了您所说的,并通过console.log(“res:,response[userName])获得了很好的结果;当我尝试新的搜索时:/根据Ziv的建议,您可以用您尝试过的方法更新您的示例吗?另外,我建议使用$resource工厂而不是$http。这篇文章并不完全相关,但请看一看它,了解一个进行ReST api调用的简化示例: