Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript LoL API,使用json结构_Javascript_Json_Angularjs - Fatal编程技术网

Javascript LoL API,使用json结构

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

我正在尝试使用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/"+ $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调用的简化示例: