Buenas estoy tratando de estudiar una API para usarla en un proyecto, pero no se si estoy haciendo algo mal o simplemente XAMPP no soporta ajax o JSON.
Tengo el siguiente codigo:
Código Javascript
:
Ver original<!DOCTYPE html>
<html>
<head>
<title>Probando formas</title>
<meta charset=e"iso-88-59-1"/>
<link rel="stylesheet" href="estilo.js" />
<script>
var ID = "";
var APIKEY = "";
function summonerLookUp() {
ID = $("#userName").val();
APIKEY = $("#theKey").val();
if (ID !== "") {
$.ajax({
url: 'https://na.api.pvp.net/api/lol/na/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;
letsGetMasteries(summonerID);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data1!");
}
});
} else {}
}
function letsGetMasteries(summonerID) {
$.ajax({
url: "https://na.api.pvp.net/api/lol/na/v1.4/summoner/" + summonerID + "/masteries?api_key=" + APIKEY,
type: 'GET',
dataType: 'json',
data: {
},
success: function (resp) {
numberOfPages = resp[summonerID].pages.length;
document.getElementById("masteryPagesCount").innerHTML = numberOfPages;
resp[summonerID].pages.forEach(function (item) {
document.getElementById("masteryPagesAll").innerHTML = document.getElementById("masteryPagesAll").innerHTML + item.name + "<br />";
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error getting Summoner data2!");
}
});
}
</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 />
<br />
List of mastery pages (<span id="masteryPagesCount"></span>)
<hr />
<span id="masteryPagesAll"></span>
</body>
</html>
el codigo fue extraido de
http://jsfiddle.net/Zt3u9/33/
En esa misma URL en un ASIDE al costado se esta ejecuntando el codigo para probarlo y funciona correctamente, ejecuto el mismo codigo en mi servidor de apache y no solo que no funciona sino que ni si quiera se ejecuta la funcion.
Lo extraño que e probado borrar el contenido de la funcion y poner un simple alert para ver si javascript esta funcionando bien y funciona.... realmente tiene q ser un problema con ajax. alguien sabe como solucionarlo?