Home/ Questions/Q 8912075
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T04:06:37+00:00

I am new to Javascript, JQuery and JSON, so I may be making many

  • 0

I am new to Javascript, JQuery and JSON, so I may be making many different mistakes, but I’ve always found the best way to learn was to jump right in.

I am working on a little pet project, mostly for practice, using an API provided on the site elophant.com. It’s for tracking statistics from the popular League of Legends game. However, I cannot seem to get any jquery to work correctly. Here is the API of the resource I am trying to access: http://elophant.com/developers/docs/status.

Their example request is: “GET http://elophant.com/api/v1/status?key=< key >” The < key > field is a key they provide you once you register to the site. It returns information in JSON.

Here is what I am trying to do so far:

<body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

    <script>
    $.get("http://elophant.com/api/v1/status?key=MY_KEY_HERE", {callback : "?" }, "jsonp",  function(data) {
    $('#summary').text(data.result);
    });
    </script>
</body>

EDIT: I removed the JSONP and replaced it with plain JSON, and I receive this console error:

XMLHttpRequest cannot load http://elophant.com/api/v1/status?key=MY_KEY_HERE&callback=%3F. Origin null is not allowed by Access-Control-Allow-Origin.
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It seems that, at a minimum, you have your parameter order wrong. The dataType must be after the callback function like this:

    $.get("http://elophant.com/api/v1/status?key=MY_KEY_HERE", {callback : "?" },  function(data) {
    $('#summary').text(data.result);
}, "jsonp");

    I also don’t see anything in that API documentation that indicates it supports wrapping of the JSON in a JSONP callback function. Are you sure this is available?

    You can test this by verifying that the response you get is JSON wrapped in a function. That might look something like this:

    callback({key: "value", anotherKey: "another value"})
    • 0