example for eventsource with progress usage

3 months ago · 3abbb95484
parent 3db210ac39
commit 3abbb95484
1 changed files with 19 additions and 0 deletions
--- a/public/index.php
+++ b/public/index.php
@ -4,6 +4,25 @@
 	<meta charset="utf-8">
 	<link href="styles.css" rel="stylesheet">
 	<title>University eSports Mainz</title>
+	<script>
+		let eventSource = new EventSource("elotracker/update.php");
+		eventSource.onopen = evt => console.log("Open: ", evt);
+		eventSource.addEventListener("progress", evt => {
+			console.log("Progress: ", evt.data);
+		})
+		eventSource.addEventListener("forbidden", evt => {
+			console.log("Forbidden: ", evt.data);
+			eventSource.close();
+		})
+		eventSource.onerror = evt => {
+			console.log("Error: ", evt);
+			eventSource.close();
+		}
+		eventSource.addEventListener("done", evt => {
+			console.log("done: ", evt);
+			eventSource.close();
+		})
+	</script>
 </head>
 <body>
 <a href="elotracker">Zum Elo Tracker</a>