Blog Post

HTML5 - Server-Sent Events

Sign in to queue

The Discussion

  • User profile image
    Leandro Alencar

    Excelente!

    Muito bom saber destes detalhas. Mas, tenho uma pergunta:
    Como ficaria este cenário trabalhando com uma página .aspx !?

    Abraços, Até mais.!

  • User profile image
    Carolina Silva

    Gostei. Mas também trabalho com asp.net e fiquei em dúvida de como utilizar.

  • User profile image
    alexafunder​ground

    Pessoal,

    abaixo meu código de exemplo

    Página HTML:

    <!DOCTYPE html>
    
    <html lang="en">
        <head>
            <meta charset="utf-8" />
            <title>Server-sent Events</title>
        </head>
        
        <body>
            <p>
                <button id="btnStart" onclick="startSSE();">Start Server-sent Event</button>
                <br>
                <button id="btnCancel" onclick="closeSSE();">Cancel Server-sent Event</button>
            </p>
    
            <script type="text/javascript">
                var es = null;
    
                function startSSE() {
                    document.body.innerHTML += 'Start<br>';
                    es = new EventSource('Page.asp');
                    es.onmessage = handleSSE;
                }
    
                function handleSSE(e) {
                    document.body.innerHTML += e.data + '<br>';
                }
    
                function closeSSE() {
                    es.close();
                    document.body.innerHTML += 'Close<br>';
                }
            </script>
    
        </body>
    
    </html>
    

    Página ASP - "Page.asp":

    <%@ Language="VBScript" %>
    
    <%
    
        Response.ContentType = "text/event-stream"
        Response.Expires = 0
        Response.Expiresabsolute = Now() - 1 
        Response.AddHeader "pragma","no-cache" 
        Response.AddHeader "cache-control","private" 
        Response.CacheControl = "no-cache" 
        
        Response.Write "id: " & Now() & vbCrLf
        Response.Write "data: " & Now() & vbCrLf
    
    %>

     

  • User profile image
    augustowebd

    isto abre um mundo de possibildades!

  • User profile image
    Alexandre

    Nada será impossível!

  • User profile image
    Jonatas

    Muito interessante!

  • User profile image
    Thadeu Esteves

    Muito show!
    esses novos eventos vem pra mudar muita coisa!!!

Add Your 2 Cents