H5 EventSource 实现web页面推送功能demo

/**
 * H5 EventSource 实现web页面推送功能demo
 */

var serverData,statusDiv;
var SERVER_URL = "index.php";  //servers Url Adress

window.onload = function(){
	/*
	<div id="statusDiv"></div>
    <div id="serverData"></div>
	*/
    serverData = document.getElementById("serverData");
    statusDiv = document.getElementById("statusDiv");
    startlistenServer();
}

function startlistenServer(){
    statusDiv.innerHTML = "start Connect Server...";
    var es = new EventSource(SERVER_URL);
    es.addEventListener("newDate",newDateHandler);
    es.onopen =openHandler;
    es.onerror = errorHandler;
    es.onmessage = messageHandler;
}

function openHandler(e){
    statusDiv.innerHTML="Server open";
}

function errorHandler(e){
    statusDiv.innerHTML="Error";
}

function messageHandler(e){
    serverData.innerHTML = e.data;
}

function newDateHandler(e){
    serverData.innerHTML = e.data;
}

　　

转载于:https://www.cnblogs.com/MrZouJian/p/7649040.html