To create the most basic barebones version of the webb app you have describes. What you need is
A html page with basic
Code:
<head>
(your page title, + include javascript
</head>
<body>
<div id="content"></div>
</body>
An javascript file (containing jquery, ajax call) with a function that
A) Sends an http request to blizzards API (as zanthos mentions)
B) sorts through the data from blizzard api, and puts it in the div with id content.
Code:
function loadPage()
{
$.ajax({
url: "www.blizzardsapi.com"
}).then(function(data) {
$.each(data.RBGLADDERORSOMETHING, function(index, element)
{
$('#content').append("<p>" + element.ladderplayersomething+ "</p>");
});
});
}
Optional:
A) then beyond that you'll need to either look into css for styling the page (eg have it be more than small black text on big white background).
B) change the ajax function from GET to POST (requires a few more parameters) since usually web API's allow you to search for specific data.
Code:
$.ajax({
url: 'www.blizzardsapi.com',
type: 'POST',
contentType: 'application/json',
data: {gief only 2200+ from x server},
success: onsucces,
error: onerror
});
function onsucces(result)
{
$('#content').text(result);
}
function onerror(result)
{
$('#content').text(result);
}
Mind you this is real javascript that works, with a few elements that you will have to look up yourself, such as the actual address for www.blizzardsapi.com
and the
Code:
contentType: 'application/json',
data: {gief only 2200+ from x server}
which will need to be changed according the documentation on blizzards api. They likely have their web service set up to take very specific values, and a few examples.
- - - Updated - - -
Meh i tried to indent the code so its easier to read. but the forum doesn't allow me to make spaces without actual characters Hope this pushes you in the right way.
barebones: Html + javascript(jquery,ajax) + HTTP GET / HTTP POST to web api
fancy looking: css.