31:T461,{ const serverLocation = "ws://127.0.0.1:8000/ws/output/" const startWebSocketConnection = (websocketServerLocation) => { console.log('Initializing Forja websocket connection') const forjaSocket = new WebSocket(websocketServerLocation); forjaSocket.onmessage = function(e) { console.log(e.data) const data = JSON.parse(e.data, (key, value) => JSON.parse(value)) document.querySelector('#data-display').innerHTML = JSON.stringify(data, null, "
") }; forjaSocket.onclose = function(){ console.error('Forja websocket closed unexpectedly') // Try to reconnect in 5 seconds setTimeout(function(){startWebSocketConnection(websocketServerLocation)}, 5000); }; const buttons = document.getElementsByClassName('get-data') Array.from(buttons).forEach((button) => { button.onclick = null button.onclick = function() { forjaSocket.send(JSON.stringify({ 'group': this.name })) } }) } startWebSocketConnection(serverLocation) }32:[] 2f:{"title":"WebSockets with Django","cells":[{"id":0,"value":"md`# WebSockets with Django`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"//html to display the line map and metrics\nhtml`\n\n\t\n\t\n\n\n\n \n \n \n \n \n \n

\n

\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}