ApiController
後端API
public System.Net.Http.HttpResponseMessage GetUnknownNotices()
{
var user = FormsAuth.GetUserData();
var ns = new pl_NoticesService();
var nl = ns.GetNoticeList(user.UserID, false);
return createHttpRequestMessage(Newtonsoft.Json.JsonConvert.SerializeObject(nl));
}
System.Net.Http.HttpResponseMessage createHttpRequestMessage(string data)
{
var sb = new System.Text.StringBuilder();
sb.AppendFormat("retry:{0}\n",10000); //推送間隔
sb.AppendFormat("event:{0}\n", "message"); //綁定onmessage
sb.AppendFormat("id:{0}\n", DateTime.Now.Ticks.ToString());
sb.AppendFormat("data:{0}\n", data);
var response = new System.Net.Http.HttpResponseMessage
{
Content = new System.Net.Http.StringContent(sb.ToString(), System.Text.Encoding.GetEncoding("UTF-8"),"text/event-stream")
};
response.StatusCode = System.Net.HttpStatusCode.OK;
return response;
}
前端JS
if (typeof (EventSource) != "undefined") {
var es = new EventSource("/api/xxxx/GetUnknownNotices");
es.onmessage = function (event) {
var data = JSON.parse(event.data);
$('#msgCount').text(data.length+"\n\n")
};
es.onopen = function (event) {
console.log("open:" + es.sta);
};
es.onerror = function (event) {
console.log("error:" + es.readyState);
};
}
else {
console.log("該浏覽器不支援");
}
參考:
https://www.runoob.com/html/html5-serversentevents.html
作者:EminemJK(山治先生)
出處:https://www.cnblogs.com/EminemJK/
您的支援是對部落客最大的鼓勵👍,感謝您的認真閱讀。
本文版權歸作者所有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接,否則保留追究法律責任的權利。