diff options
| author | Indrajith K L | 2022-12-03 17:00:20 +0530 |
|---|---|---|
| committer | Indrajith K L | 2022-12-03 17:00:20 +0530 |
| commit | f5c4671bfbad96bf346bd7e9a21fc4317b4959df (patch) | |
| tree | 2764fc62da58f2ba8da7ed341643fc359873142f /v_windows/v/old/examples/vweb/server_sent_events/index.html | |
| download | cli-tools-windows-f5c4671bfbad96bf346bd7e9a21fc4317b4959df.tar.gz cli-tools-windows-f5c4671bfbad96bf346bd7e9a21fc4317b4959df.tar.bz2 cli-tools-windows-f5c4671bfbad96bf346bd7e9a21fc4317b4959df.zip | |
Diffstat (limited to 'v_windows/v/old/examples/vweb/server_sent_events/index.html')
| -rw-r--r-- | v_windows/v/old/examples/vweb/server_sent_events/index.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/v_windows/v/old/examples/vweb/server_sent_events/index.html b/v_windows/v/old/examples/vweb/server_sent_events/index.html new file mode 100644 index 0000000..7e500c9 --- /dev/null +++ b/v_windows/v/old/examples/vweb/server_sent_events/index.html @@ -0,0 +1,38 @@ +<html> + <header> + <title>@title</title> + <meta charset="utf-8"/> + @css 'assets/site.css' + </header> + <body> + <h1>@title</h1> + <button>Close the connection</button> + <ul></ul> + <script> + "use strict"; + var button = document.querySelector('button'); + var eventList = document.querySelector('ul'); + const evtSource = new EventSource('/sse'); + evtSource.onerror = function() { console.log("EventSource failed."); }; + console.log(evtSource.withCredentials); + console.log(evtSource.readyState); + console.log(evtSource.url); + evtSource.onopen = function() { + console.log("Connection to server opened."); + }; + evtSource.onmessage = function(e) { + var newElement = document.createElement("li"); + newElement.textContent = "message: " + e.data; + eventList.appendChild(newElement); + }; + evtSource.addEventListener("ping", function(e) { + console.log(e) + var newElement = document.createElement("li"); + var obj = JSON.parse(e.data); + newElement.innerHTML = "ping at " + obj.time + ' server data: ' + e.data; + eventList.appendChild(newElement); + }, false); + button.onclick = function() { console.log('Connection closed'); evtSource.close(); }; + </script> + </body> +</html> |