120 lines
3.5 KiB
TypeScript
120 lines
3.5 KiB
TypeScript
|
|
namespace clientSide {
|
|
|
|
(<HTMLButtonElement>document.querySelector("#getJson")).addEventListener("click", communicateJson);
|
|
(<HTMLButtonElement>document.querySelector("#getHtml")).addEventListener("click", communicateHtml);
|
|
|
|
//communicate("https://theoneandgis.herokuapp.com/");
|
|
|
|
async function communicate(_path: string): Promise<void> {
|
|
|
|
let formData: FormData = new FormData(document.forms[0]);
|
|
let url: string = "https://theoneandgis.herokuapp.com" + _path;
|
|
//let url: string = "http://localhost:8100" + _path;
|
|
let query: URLSearchParams = new URLSearchParams(<any>formData);
|
|
|
|
url += "?" + query.toString();
|
|
|
|
let response: Response = await fetch(url);
|
|
let responseUrl: string;
|
|
|
|
if (_path == "/json") {
|
|
responseUrl = await response.json();
|
|
console.log(responseUrl);
|
|
(<HTMLDivElement>document.getElementById("htmlResponse")).innerHTML = JSON.stringify(responseUrl);
|
|
}
|
|
|
|
if (_path == "/html") {
|
|
let responseUrl: string = await response.text();
|
|
console.log("html-log: " + responseUrl);
|
|
(<HTMLDivElement>document.getElementById("htmlResponse")).innerHTML = responseUrl;
|
|
}
|
|
}
|
|
|
|
function communicateJson(): void {
|
|
communicate("/json");
|
|
}
|
|
function communicateHtml(): void {
|
|
communicate("/html");
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*namespace tutorial09 {
|
|
|
|
/*console.log(formData.get("vorname"));
|
|
|
|
for (let entry of formData) {
|
|
console.log(entry);
|
|
console.log("name: " + entry[0]);
|
|
console.log("value: " + entry[1]);
|
|
}
|
|
|
|
// Trennlinie
|
|
|
|
(<HTMLButtonElement>document.querySelector("#getHtml")).addEventListener("click", startCommunication);
|
|
|
|
function startCommunication(): void {
|
|
communicate("http://localhost:8100");
|
|
}
|
|
|
|
async function communicate(_url: RequestInfo): Promise<void> {
|
|
|
|
// let response: Response = await fetch(_url);
|
|
// let jsonObj = await response.json();
|
|
|
|
let formData: FormData = new FormData(document.forms[0]);
|
|
let formquery: URLSearchParams = new URLSearchParams(<any>formData);
|
|
_url += "?" + formquery.toString();
|
|
console.log("_url: " + _url);
|
|
//let url: string = "https://theoneandgis.herokuapp.com/";
|
|
//let query: URLSearchParams = new URLSearchParams(<any>formData);
|
|
|
|
//url += "?" + query.toString();
|
|
|
|
//debugger;
|
|
|
|
//let response: Response = await fetch(_url);
|
|
let response: Response = await fetch("Data.json");
|
|
console.log("response: " + response);
|
|
console.log(response);
|
|
let theAnswer: string = await response.text;
|
|
//let text: string = theAnswer
|
|
|
|
|
|
console.log("theAnswer: " + theAnswer);
|
|
//let query: URLSearchParams = new URLSearchParams(theAnswer);
|
|
//console.log(query.toString());
|
|
//console.log( new URLSearchParams(theAnswer).values() );
|
|
//console.log(query.keys() );
|
|
//let queryvorname: string = query.get("/?vorname")!;
|
|
//let querynachname: string = query.get("nachname")!;
|
|
|
|
//console.log(queryvorname);
|
|
//console.log(querynachname);
|
|
|
|
(<HTMLDivElement>document.querySelector("#htmlResponse")).innerHTML = `${theAnswer}`;
|
|
|
|
|
|
// await fetch(url);
|
|
console.log(theAnswer);
|
|
}
|
|
|
|
console.log("hello");
|
|
|
|
}*/
|
|
|
|
|