Search jQuery

jQuery Forum

Ajax and Json

in Getting Started • 6 years ago

Hey I have a small Question about Json, I am trying to retrive some values following some little tutorial ive seen . and trying to add new stuff to it. so here it gos

so my error is 100% in this function SummonerLeagues(summonerID) I am sure about this cuase when I remove it I get my response for the 1st half. but when I add it back i get nothing in return

I am fairly new in this consept can someone help me udnerstnad what I am doing wrong ?

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
DEV KEY
<br />
<input id="theKey" />
<br />Summoner Name
<br />
<input id="userName" />
<input type="submit" onclick="summonerLookUp();" />
<br />
<br />Summoner Level: <span id="sLevel"></span>
<br />Summoner ID: <span id="sID"></span>
<br /> Summoner League <span id="sLeague"></span>
<br /> Wins <span id="sWin"></span>
<br /> Losses <span id="sLoss"></span>
<script>
var ID = "";
var APIKEY = "secret";
function summonerLookUp() {
ID = $("#userName").val();
if (ID !== "") {
$.ajax({
url: 'https://eune.api.pvp.net/api/lol/eune/v1.4/summoner/by-name/' + ID + '?api_key=' + APIKEY,
type: 'GET',
dataType: 'json',
data: {
},
success: function (json) {
var userID = ID.replace(" ", "");
userID = userID.toLowerCase().trim();
summonerLevel = json[userID].summonerLevel;
summonerID = json[userID].id;
document.getElementById("sLevel").innerHTML = summonerLevel;
document.getElementById("sID").innerHTML = summonerID;
summonerLeagues(summonerID);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data1!");
}
});
} else {}
}
function summonerLeagues(summonerID) {
ID = summonerID;
$.ajax({
url: 'https://eune.api.pvp.net/api/lol/eune/v2.5/league/by-summoner/' + ID + '/entry?api_key=' + APIKEY,
type: 'GET',
dataType: 'json',
data: {
},
success: function (json) {
var SUMMONER = SUMMONER.replace(" ", "");
SUMMONER = SUMMONER.toLowerCase().trim();
summonerLeague = json[SUMMONER].tier;
summonerWins = json[SUMMONER].wins;
summonerLosses = json[SUMMONER].losses;
document.getElementById("sLeague").innerHTML = summonerLeague;
document.getElementById("sWin").innerHTML = summonerWins;
document.getElementById("sLosses").innerHTML = summonerLosses;
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data2!");
}
});
}
</script>
</body>
</html>

Replies(12)

jakecigar

Re: Ajax and Json

6 years ago

success: function (json) {
var SUMMONER = SUMMONER.replace(" ", "");

There is no SUMMONER. Do you mean

var SUMMONER = summonerID.replace(" ", "");

JΛ̊KE

Apostolis..

Re: Ajax and Json

6 years ago

I actually dont know how to use it. as I said I am fairly new this is one of the stuff I am tyring

so let me give the response to help me fegure it out .

{"28498483":[{"name":"Tristana's Dervish","tier":"GOLD","queue":"RANKED_SOLO_5x5",
"entries":[{"playerOrTeamId":"28498483","playerOrTeamName":"cómbra","division":"III","leaguePoints":39,
"wins":40,"losses":41,"isHotStreak":false,"isVeteran":false,"isFreshBlood":false,"isInactive":false}]}]}

so in here       url: 'https://eune.api.pvp.net/api/lol/eune/v2.5/league/by-summoner/' + ID + '/entry?

where ID is I parse the Summoner ID I get from 1st function.

what I am trying to get actually Is everything from in there almost

 but getting one of those would help me understand.

so if I am getting this correctly I have the Object

where the ID is but how do I add all of those in a variable ?

I fail to understand it, never used Json before

thats the repsonse from Riot API...

jakecigar

Re: Ajax and Json

6 years ago

https://jsfiddle.net/jakecigar/susLay62/ is a demo of how you would traverse that JSON.

JΛ̊KE

Apostolis..

Re: Ajax and Json

6 years ago

hey there thanks so mutch for your time

is this the correct idea to go around or I am still missing the general thought ?

function summonerLeagues(summonerID) {
ID = summonerID;
$.ajax({
url: 'https://eune.api.pvp.net/api/lol/eune/v2.5/league/by-summoner/28498483/entry?api_key=hiddenapikey,
type: 'GET',
dataType: 'json',
data: {
},
success: function (resp) {
document.getElementById("sWin").innerHTML = devition;
$.each(resp,function(summoner,infos){
$.each(infos,function(i,info){
document.getElementById("sLeagues").innerHTML = resp[info].name ;
$.each(info.entries,function(i,entry){
document.getElementById("sWins").innerHTML = resp[entry].wins ;
})
})
})
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data2!");
}
});

jakecigar

Re: Ajax and Json

6 years ago

You didn’t pass summonerID to the ajax. So it would not work.

url: 'https://eune.api.pvp.net/api/lol/eune/v2.5/league/by-summoner/"+ summonerID +"/entry?api_key=hiddenapikey",

JΛ̊KE

Apostolis..

Re: Ajax and Json

6 years ago

Hey Jake i just cant seem to get it... by its self the 1st function work. I can see that I pass the SummonerID on the second function, from then one I have no idea why its not doing anything..

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<br />Summoner Name
<br />
<input id="userName" />
<input type="submit" onclick="summonerLookUp();" />
<br />
<br />Summoner Level: <span id="sLevel"></span>
<br />Summoner ID: <span id="sID"></span>
<br /> Summoner League <span id="sLeagues"></span>
<br /> Wins <span id="sWins"></span>
<br /> Losses <span id="sLoss"></span>
<script>
var ID = "";
var APIKEY = "Hidden ID ";
function summonerLookUp() {
ID = $("#userName").val();
if (ID !== "") {
$.ajax({
url: 'https://eune.api.pvp.net/api/lol/eune/v1.4/summoner/by-name/' + ID + '?api_key=' + APIKEY,
type: 'GET',
dataType: 'json',
data: {
},
success: function (json) {
var userID = ID.replace(" ", "");
userID = userID.toLowerCase().trim();
summonerLevel = json[userID].summonerLevel;
summonerID = json[userID].id;
document.getElementById("sLevel").innerHTML = summonerLevel;
document.getElementById("sID").innerHTML = summonerID;
summonerLeagues(summonerID);
alert(summonerID);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data1!");
}
});
} else {}
}
function summonerLeagues(summonerID) {
alert(summonerID);
$.ajax({
url: "https://eune.api.pvp.net/api/lol/eune/v2.5/league/by-summoner/" + summonerID + "/entry?api_key=" + APIKEY,
type: 'GET',
dataType: 'json',
data: {
},
success: function (resp) {
$.each(resp,function(summoner,infos){
$.each(infos,function(i,info){
document.getElementById("sLeagues").innerHTML = resp[info].name ;
$.each(info.entries,function(i,entry){
document.getElementById("sWins").innerHTML = resp[entry].wins ;
})
})
})
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data2!");
}
});
</script>
</body>
</html>

jakecigar

Re: Ajax and Json

6 years ago

If you could share a link to a demo of your code, I might be able to see what is not working.

I don’t know what the API is returning.

You can use Plunker to host your demo.

JΛ̊KE

Apostolis..

Re: Ajax and Json

6 years ago

Hey here you go. I let the api key in it. does not really matter since I cna reset it

Summoner Leagues

jakecigar

Re: Ajax and Json

6 years ago

Open up the dev tools! You have an error

Unexpected token ')'. Expected '}' to end a object literal.

on line 85

JΛ̊KE

jakecigar

Re: Ajax and Json

6 years ago

Use this…

var ID = "";
var APIKEY = "951d14f3-dc04-40da-a143-75147cd1284b";
function summonerLookUp() {
ID = $("#userName").val();
if(ID !== "") {
$.ajax({
url: 'https://eune.api.pvp.net/api/lol/eune/v1.4/summoner/by-name/' + ID + '?api_key=' + APIKEY,
type: 'GET',
dataType: 'json',
success: function(json) {
var userID = ID.replace(" ", "");
userID = userID.toLowerCase().trim();
summonerLevel = json[userID].summonerLevel;
summonerID = json[userID].id;
document.getElementById("sLevel").innerHTML = summonerLevel;
document.getElementById("sID").innerHTML = summonerID;
summonerLeagues(summonerID);
alert(summonerID);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data1!");
}
});
}
}
function summonerLeagues(summonerID) {
alert(summonerID);
$.ajax({
url: "https://eune.api.pvp.net/api/lol/eune/v2.5/league/by-summoner/" + summonerID + "/entry?api_key=" + APIKEY,
type: 'GET',
dataType: 'json',
success: function(resp) {
$.each(resp, function(summoner, infos) {
$.each(infos, function(i, info) {
document.getElementById("sLeagues").innerHTML = info.name;
$.each(info.entries, function(i, entry) {
document.getElementById("sWins").innerHTML = entry.wins;
document.getElementById("sLoss").innerHTML = entry.losses;
})
})
})
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data2!");
}
});
}

JΛ̊KE

Apostolis..

Re: Ajax and Json

6 years ago

Thanks a lot Jake =)

So My error this time was the exception ?

also do you have anything to suggest me to look at so I can become better at this ?

jakecigar

Re: Ajax and Json

6 years ago

Compare the code…

document.getElementById("sLeagues").innerHTML = info.name;
$.each(info.entries, function(i, entry) {
document.getElementById("sWins").innerHTML = entry.wins;
document.getElementById("sLoss").innerHTML = entry.losses;

With jQuery there is a LOT to learn! You can start at the jQuery Learning Center.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

Ajax and Json

Replies(12)

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Re: Ajax and Json

Statistics

Tags

Actions

Related Posts