admin/vkservicesllc.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update test.html

Browse Source
This commit is contained in:
vkservicesllc
2018-11-06 19:29:14 -05:00
committed by GitHub
parent a8c46f6c96
commit 1639184654
1 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
test/test.html
View File

@@ -7,11 +7,36 @@
margin: 64px auto; margin: 64px auto;
font-family: Arial; font-family: Arial;
} }
table { border-collapse: collapse; }
th, tr { border: 1px solid black; }
</style> </style>
</head> </head>
<body> <body>
<h2>This is test page</h2> <h5>This is test page</h5>
<button>Test Button</button> <button onclick="displayInfo()">Test Button</button>
<div id="output"></div> <div id="output"></div>
<script>
function displayInfo() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = funtion() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText),
keys = Object.keys(data), len = keys.length,
content = '<table><tr>';
for (var i = 0; i < len; i++) {
content += '<th>' + keys[i] + '</th>';
if (i == len) content += '</tr><tr>';
}
for (var j = 0; j < len; j++) {
content += '<td>' + data[keys[j]] + '</td>';
if (j == len) content += '</tr></table>';
}
document.getElementById('output').innerHTML = content;
}
};
xhttp.open('GET', 'test.json', true);
xhttp.send();
}
</script>
</body> </body>
</html> </html>