I am trying to make a web application and currently am working on trying to get it to simply pull a users highscores from http://www.tip.it/runescape/json/hiscore_user?old_stats=1&rsn=RSNAME currently I have it reading the username properly but I am getting an error from the server get request

 

XMLHttpRequest cannot load http://services.runescape.com/m=hiscore_oldschool/index_lite.ws?player=zezima. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:10315' is therefore not allowed access.

 

Was wondering if someone could help me out?

 

function getUserData( RSname ) {
    var requestURL = "https://www.tip.it/runescape/json/hiscore_user?old_stats=1&rsn=",
        request = new XMLHttpRequest();
    request.open( "GET", requestURL + encodeURIComponent( RSname ) );
    // various sanitizations should be employed on the backend when dealing with user input
    request.responseType = "json";
    request.addEventListener( "readystatechange", function() {
        if ( request.readyState == 4 ) {
            if ( request.status == 200 ) {
                // process response
                var user_stats = request.response
                populateStatList();
            } else {
                alert(errormsg);
            }
        }
    }, false );
    request.send();
}

 

You need to use a backend langauge to do this such as PHP or C#. You cannot do it with javascript because of x-site scripting. That is why you are getting the access control origin.