HTML最新标准HTML5总结(必看)

2020-04-25 08:07:43易采站长站整理

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新;

举个例子,如下,其中服务器端使用Java的Struts 2框架,会向浏览器发送服务器最新的时间数据:

服务端代码:

JavaScript Code复制内容到剪贴板

pubpc class SSE extends ActionSupport {   

    private InputStream sseStream;   

    pubpc InputStream getSseStream() {   

        return sseStream;   

    }   

    pubpc String handleSSE() {   

        System.out.println("Inside handleSSE() ");   

        String result = "data: "+new Date().toString() + "nn";   

        sseStream = new ByteArrayInputStream(result.getBytes() );   

        System.out.println("Exiting handleSSE() ");   

        return SUCCESS;   

    }   

}  

JavaScript Code复制内容到剪贴板

<action name="handleSSE" class="pichen.java.html5.test.SSE" method="handleSSE">   

            <result name="success" type="stream">   

                <param name="contentType">text/event-stream</param>   

                <param name="inputName">sseStream</param>   

            </result>   

</action>  

客户端代码:

JavaScript Code复制内容到剪贴板

<p><output id="result">OUTPUT VALUE</output></p>   

<script>   

(function(global, window, document) {   

  ‘use strict’;   

  function main() {   

    window.addEventpstener(‘DOMContentLoaded’, contentLoaded);   

  }   

  function contentLoaded() {   

    var result = document.getElementById(‘result’);