รับทําเว็บไซต์ รับทําseo
บทความที่น่าสนใจ

บทความ ที่น่าสนใจ

การส่งข้อมูลจาก sever ไปที่ client ด้วย HTML5 Server-sent Events (SSE)

    SSE ย่อมาจาก Server-Sent Events คือการส่งผ่านข้อมูลจาก sever ไปที่ client ต่างกันกับ WebSockets เป็นการส่งข้อมูลแบบสองทาง แต่ถ้าเราต้องการส่งข้อมูลทางเดียวจาก sever ไปที่ client (เช่น การแจ้งเตือนต่างๆ  ของ Facebook/Twitter) เราสามารถใช้เทคโนโลยีอีกตัวชื่อ Server-sent Events (SSE) แทนได้ 

     

    ตัวอย่าง

    <html>
    <body>
    <h1>Getting server updates</h1>
    <div id="result"></div>
     
    <script>
    if(typeof(EventSource)!=="undefined")
      {
      var source=new EventSource("demo_sse.php");
      source.onmessage=function(event)
        {document.getElementById("result").innerHTML+=event.data + "<br>"; };  }else  {document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events..."; }
    </script>
     
    </body>
    </html>
     

    ตรวจสอบว่า browser รองรับ  SSE หรือไม่ 

    if(typeof(EventSource) !== "undefined") {

        // Yes! Server-sent events support!

        // Some code.....

    } else {

        // Sorry! No server-sent events support..

    }

     

    คำสั่ง Event สำคัญของ EventSource

    onopen : เหตุการณ์ที่ใช้ตรวจสอบว่าติดต่อ server สำเร็จ

    onmessage : เหตุการณ์ที่ใช้ตรวจสอบว่า server ได้รับ message แล้วหรือยัง

    onerror : เหตุการณ์ที่ใช้ตรวจสอบความผิดพลาด

     

     

     

     

     

บทความที่น่าสนใจ

บทความ ล่าสุด

บทความ ความรู้ด้านไอที, คอมพิวเตอร์ Techonlogy, Gadget, ความรู้เกี่ยวกับคอมพิวเตอร์ กับทาง SoftMelt.com