html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>SoloInfo</title>
</head>
<body>
<!--
original code from GitHub
https://github.com/padolsey-archive/jquery.fn/blob/master/cross-domain-ajax/jquery.xdomainajax.js
-->
<!-- jQuery script -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<!-- Cross Domain Ajax script -->
<!--
<script src="https://cdn.rawgit.com/padolsey-archive/jquery.fn/3900dc46/cross-domain-ajax/jquery.xdomainajax.js"></script>
<script src="https://cdn.rawgit.com/jpillora/xdomain/gh-pages/dist/xdomain.js"></script>
-->
<input id="user_id" value="197327" placeholder="user id:" />
<div>
<button id="req_info">Send Request</button>
<button id="rand_id">Random ID</button>
</div>
<img id="user_img" />
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
function parseJSON(data, id){
// parses xml data and extract name, level and XP
var text = data;
// parse the text to DOM object
var parser=new DOMParser();
var htmlDoc=parser.parseFromString(text, "text/html");
// select the element where class=user
var user=htmlDoc.querySelector(".user");
// extract relevant user info
var name=user.querySelector("h1").innerHTML.trim();
var level=user.querySelector("div.detail div").innerHTML.trim();
level=level.substring(20,level.length).trim();
var xp=user.querySelector("span").innerHTML.trim();
xp=xp.substring(0,xp.length-3);
// return packaged data
return {
id:id,
name:name,
level:level,
xp:xp
};
}
function getDataVanilla(id, cb){
/*
make the request using vanilla JavaScript
*/
var xhr = new XMLHttpRequest();
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run