59 lines
1.5 KiB
JavaScript
59 lines
1.5 KiB
JavaScript
|
//AJAX request method
|
||
|
|
updateCell = function(path, pageType, requestType){
|
||
|
|
path = path.toLowerCase();
|
||
|
|
const $element = $("#hello-" + path);
|
||
|
|
$.ajax({
|
||
|
|
type: requestType, //GET or POST
|
||
|
|
url: "https://server.figytuna.com:8080/ali/hello/" + path,
|
||
|
|
timeout: 2000, //ms
|
||
|
|
beforeSend: function(data){
|
||
|
|
$element.html("<em>Loading...</em>");
|
||
|
|
},
|
||
|
|
success: function(data){
|
||
|
|
if (pageType == "html"){
|
||
|
|
$element.html(data);
|
||
|
|
}else{
|
||
|
|
$element.text(data);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error: function(e){
|
||
|
|
$("#hello-" + path).html("<em>Error " + e.status + " " + e.statusText + "</em>");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
window.onload = function(){
|
||
|
|
const pageList = {
|
||
|
|
"unsafe": ["World", "Data", "Post"],
|
||
|
|
"html": ["Location", "Players"],
|
||
|
|
}
|
||
|
|
|
||
|
|
//Generate HTML table
|
||
|
|
for (const pageType in pageList){
|
||
|
|
for (const path of pageList[pageType]){
|
||
|
|
//Adds new table row based on the data request
|
||
|
|
const $row = $("<tr></tr>");
|
||
|
|
const $request = $("<td>Hello " + path + "</td>");
|
||
|
|
const $response = $("<td id=\"hello-"+ path.toLowerCase() + "\"></td>")
|
||
|
|
|
||
|
|
$row.append($request);
|
||
|
|
$row.append($response);
|
||
|
|
|
||
|
|
//Appends new table row to table
|
||
|
|
$("#hello-table").append($row);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//Populate Table Data
|
||
|
|
for (const id of pageList["html"]){
|
||
|
|
//Gets data from server, adds response to table
|
||
|
|
updateCell(id, "safe", "GET");
|
||
|
|
}
|
||
|
|
|
||
|
|
for (const id of pageList["unsafe"]){
|
||
|
|
//Gets data from server, adds response to table
|
||
|
|
updateCell(id, "unsafe", "GET");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|