Problemas al usar una API en un proyecto.

Mathip · #1 (**permalink**) 29/12/2015, 08:49

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?

infoturnosya · #2 (**permalink**) 30/12/2015, 06:34

podes abrir el inspector de chrome o firebug de ff y hacer printscreen del error