頁(yè)面

Document

Status:

Server Data

js代碼

創(chuàng)建一個(gè)新的 EventSource 對(duì)象，然后規(guī)定發(fā)送更新的頁(yè)面的 URL(本例中是 "demo_sse.php")

每接收到一次更新，就會(huì)發(fā)生 onmessage 事件

當(dāng) onmessage 事件發(fā)生時(shí)，把已接收的數(shù)據(jù)推入 id 為 "result" 的元素中

var servarData,statusDiv;

var SERVER_URL= "WebForm1.aspx";

window.onload =function(){

servarData = document.getElementById("serverData");

statusDiv = document.getElementById("statusDiv")

startlistenServer();

}

function startlistenServer () {

statusDiv.innerHTML = "start connect"

var es = new EventSource(SERVER_URL);

es.onopen =openHandler;

es.onerror = erroHandler;

es.onmessage =messgeHandler;

}

function openHandler (e) {

statusDiv.innerHTML = "server open"

}

function erroHandler (e) {

statusDiv.innerHTML ="Error"

}

function messgeHandler (e) {

servarData.innerHTML = e.data;

}

net 后臺(tái)代碼

把報(bào)頭 "Content-Type" 設(shè)置為 "text/event-stream"

規(guī)定不對(duì)頁(yè)面進(jìn)行緩存

輸出發(fā)送日期(始終以 "data: " 開頭)

向網(wǎng)頁(yè)刷新輸出數(shù)據(jù)

Response.ContentType = "text/event-stream";

Response.Expires = -1;

string str;

for (int i = 0; i < 100; i++)

{

str = "data:" + DateTime.Now.ToLongTimeString() + "\n\n";

Response.Write(str);

Thread.Sleep(1000);

Response.Flush();

}

總結(jié)

以上是生活随笔為你收集整理的html5 服务器手机编程,html5实现服务器发送事件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。