1. 程式人生 > >實現Web頁面新訊息實時提醒

實現Web頁面新訊息實時提醒

               

1.

轉載地址:http://blog.sina.com.cn/s/blog_62cd5a980101bn0n.html

在應用系統的開發過程中,經常要使用到新訊息的提醒功能,比如說資料庫資料有更新或者對某個使用者有新的任務下達,這時就要對使用者進行及時的處理提醒,那這個功能最簡單額實現就是通過頁面實時重新整理,訪問資料庫然後告知使用者有新的訊息,但是這種方式雖然簡單,但是缺陷也是顯而易見的,就是頁面需要不停的重新整理伺服器,造成伺服器負擔太重,同時使用者體驗也不好,今天博主介紹的方式是使用Ajax,就是一步的javascript和xml來請求伺服器來達到提示的目的,這裡博主的目標是在標題欄顯示新的任務的條數,同時閃動標題欄,

1、準備,這裡博主使用到一個Ajax控制元件,AjaxPro,下載,然後在.net專案中,新增引用之(跳過);

下載地址:http://ishare.iask.sina.com.cn/f/37352626.html

2、修改Web.config.新增以下程式碼(具體新增位置不用說了吧,跳過):

 >add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>

3、在需要使用提醒的頁面的後臺檔案中的page_load方法中,新增以下內容:

AjaxPro.Utility.RegisterTypeForAjax(typeof(_default

));紅色內容是該方法所在的類的名稱;

4、新增前臺js要嗲用的後臺方法,新增的方法和你寫普通的後臺方法是一樣的,只不過,需要在該方法前面加上 [AjaxPro.AjaxMethod],否則前臺js是訪問不到你新增的方法的;

其他步驟檢視轉載網址裡的部落格

2.JS定時關閉視窗及定時提醒效果的例子(轉載網址:http://www.jbxue.com/article/8791.html)

例2,定時關閉頁面或定時提醒 <HTML xmlns:v xmlns:t> 
<HEAD> 
<STYLE>v\:*{behavior:url(#default#vml)} 

v\:oval,#oDiv{position=absolute;width=200;height=200} 
#stay{position=absolute;top=70;left=59;color=RED;padding=6;font=900 20/1.3} 
#input input{border-left=0;border-right=0} 
</STYLE> 
<TITLE>定時關閉頁面或定時提醒-www.jbxue.com</TITLE> 
<hta:application border=none scroll=0 innerBorder=ridge> 
<?import namespace=t implementation="#default#time2"/> 
</HEAD> 
<BODY topmargin=12 resizeTo(220,240),moveTo(200,5)> 
<v:oval fillcolor=#8F strokecolor=gray strokeweight=3 /> 
<t:par onrepeat=alt.click() repeatcount=indefinite> 
<t:TRANSITIONFILTER TYPE="clockWipe" dur=60 TARGETELEMENT="oDiv"/> 
<DIV ID="oDiv" DUR=60> 
<v:oval fillcolor=#FF0 strokecolor=RED strokeweight=2 /> 
</DIV></t:par> 
<a href=# id=alt></a><U id=stay unselectable=on></U> 
<t:ref id=ref style=width=200;height=200 src=兩隻老虎.wmv mute=true clipBegin=23.8 dur=4 begin=alt.click /> 
<DIV> 
<t:par repeatCount=indefinite> 
<HR align=left id=hr0 color=TEAL width=200 size=14> 
<hr onpropertychange="per=parseInt(100*offsetWidth/hr0.offsetWidth),len.innerHTML=(per>9?'':'_')+per+'%'" style=position=absolute;top=219;height=expression(hr0.size) color=BLUE id=hr dur=60> 
<t:animate targetElement=hr attributeName=width id=hran from=0></t:par> 
Loading persent: <a id=len style=color=red;font=800></a> .</DIV> 
<dl><dt><h4>定時關閉葉面或則定時提醒:</h4> 
<form name=FF><dd>請設定定時關閉葉面<br>或則定時提醒的時間:<br> 
<input id=HH onmouseover=select() style=border-right=0 size=1 value=23><q id=input><input style=width=9 value=: 
disabled><input id=MM onmouseover=select() size=1 value=01><input style=width=9 value=: disabled></q><input id=SS onmouseover=select() style=border-left=0 size=1 value=00><br> 
<button hideFocus onclick='tips.innerHTML="視窗將於 "+FF.HH.value+":"+FF.MM.value+":"+FF.SS.value+"自動關閉...";setInterval("if(clock(FF.HH.value,FF.MM.value,FF.SS.value))window.close()",1)'>設定關閉</button><img width=5 height=1> 
<button hideFocus onclick='setInterval("if(clock(FF.HH.value,FF.MM.value,FF.SS.value)){ref.mute=false;ref.dur=30;alt.click()}",1); 
setInterval("if(clock(FF.HH.value,(FF.MM.value*1+1),FF.SS.value)){ref.mute=true;ref.dur=3;alt.click()}",1)'>設定提醒</button><img width=5 height=1> 
<button type=reset>重新設定</button><br> 
<span id=tips style='background=lightyellow'></span></dl> 
</form> 
<script> 
hran.dur=hr.dur,hran.to=hr0.width 
int=new Date(),B='<br>' 
setInterval("stay.innerHTML=String(int).slice(-22,-13).fontcolor(1)+B+String(new Date(new Date()-int-288e5)).split(/ /)[3]+B+Date().slice(-13,-5).fontcolor()",1e3) 
function clock(hh,mm,ss){with(new Date()) return new Date()-new Date(getYear(),getMonth(),getDate(),hh*1,mm*1,ss*1+1)==0} 
</script> 
</BODY> 
</HTML>
           

再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智慧的隊伍中來!https://blog.csdn.net/jiangjunshow