Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
88 lines (67 sloc) 2.48 KB
<!doctype html>
<html>
<head>
<title>Your EVE Data</title>
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
/*
EVE Online
Sample API request
by Michael Moehler - m.moehler@xf9.de
*/
// you probably want to make more than one request
var api_baseurl = 'https://api.eveonline.com';
var api_keyID;
var api_vCode;
// load character data from api
function fetch_chars(){
var placeholder = $('#chars'); // where to place all the gathered stuff
api_keyID = $('#keyID').val(); // get the Key ID
api_vCode = $('#vCode').val(); // get the Verification Code
// ajax request
$.ajax({
url : api_baseurl+'/account/Characters.xml.aspx', // we want character information
crossDomain : true, // yep - that's a cross domain request
dataType : 'xml', // we want XML data (eve won't give us something else)
data : { // the api data
'keyID' : api_keyID,
'vCode' : api_vCode
},
// what to do when something goes wrong
error: function() {
placeholder.text("Could not get character data - please check Key ID and Verification Code.");
},
// what to do if the request succeeded
success:function(data){
var list = $('<ul>'); // prepare a list
$(data).find( "row" ).each(function(){ // process each character
var chararcter = $('<li>',{ // create a new entry
text : $(this).attr('name') // text will be the character name
});
list.append(chararcter); // add it to the list
});
placeholder.html(list); // add list to placeholder
}
});
}
// on document ready
$(function(){
$('#api-data button').click(function(e){
fetch_chars(); // fetch
e.preventDefault(); // don't submit
});
});
</script>
</head>
<body>
<h1>EVE Datacenter</h1>
<form id="api-data">
<input id="keyID" type="text" placeholder="Key ID">
<input id="vCode" type="text" placeholder="Verification Code">
<button>Fetch Characters</button>
</form>
<div id="chars"></div>
<div id="char-data"></div>
</body>
</html>