亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JS實現websocket長輪詢實時消息提示的效果

2019-11-19 15:12:24
字體:
來源:轉載
供稿:網友

效果圖如下:

參考代碼如下:

jsp代碼:

<%@ page contentType="text/html;charset=UTF-8" language="java"%><div class="page-header navbar navbar-fixed-top">  <div class="page-header-inner">    <div class="page-logo">      <a href="<c:url value=" rel="external nofollow" rel="external nofollow" /"/>"><img        src="<c:url value="/img/logo.png"/>" style="height: 14px" alt="logo"        class="logo-default" /></a>      <div class="menu-toggler sidebar-toggler hide"></div>    </div>    <a href="javascript:;" rel="external nofollow" rel="external nofollow" class="menu-toggler responsive-toggler"      data-toggle="collapse" data-target=".navbar-collapse"></a>    <div class="top-menu">      <ul class="nav navbar-nav pull-right">        <li class="dropdown dropdown-alert"><a href="#" rel="external nofollow" rel="external nofollow"           class="dropdown-toggle" data-toggle="dropdown"          data-hover="dropdown" data-close-others="true"> <span            class="badge pull-left"></span><label class="hidden-sm">報警</label><i            class="fa fa-bell"></i>        </a>          <ul class="dropdown-menu">          </ul></li>        <li class="dropdown dropdown-user"><a href="#" rel="external nofollow" rel="external nofollow"           class="dropdown-toggle" data-toggle="dropdown"          data-hover="dropdown" data-close-others="true"> <span            class="username username-hide-on-mobile">你好,${sessionScope.username}</span>            <i class="fa fa-angle-down"></i>        </a>          <ul class="dropdown-menu">            <li><a href="javascript:;" rel="external nofollow" rel="external nofollow" id="updatePass"><i                class="icon-lock"></i>修改密碼</a></li>            <li><a href="<c:url value=" rel="external nofollow" rel="external nofollow" /logout"/> "><i                class="icon-key"></i>退出登錄</a></li>          </ul></li>      </ul>    </div>  </div></div><div class="clearfix"></div><script>  //toastr.sos(num1)</script><script type="text/javascript"  src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script><script type="text/javascript"  src="http://cdn.bootcss.com/sockjs-client/1.1.1/sockjs.js"></script><script type="text/javascript">  function wsPath() {    var pathName = window.document.location.pathname;    var host = window.location.host;    var projectName = pathName.substring(0,        pathName.substr(1).indexOf('/') + 1);    return (host + projectName);  }  wsPath = wsPath();  var websocket = null;  if ('WebSocket' in window) {    websocket = new WebSocket("ws://" + wsPath + "/websocket/socketServer");  } else if ('MozWebSocket' in window) {    websocket = new MozWebSocket("ws://" + wsPath        + "/bison/websocket/socketServer");  } else {    websocket = new SockJS("http://" + wsPath        + "/bison/sockjs/socketServer");  }  websocket.onmessage = onMessage;  websocket.onope = onOpen;  websocket.onerror = onError;  websocket.onclose = onClose;  function onOpen() {  }  function onMessage(evt) {    var $uncheckedAlertMenuBtn = $("a.dropdown-toggle", $uncheckedAlertMenu);    var $uncheckedAlertBadge = $("span.badge", $uncheckedAlertMenuBtn);    var $uncheckedAlertMenu = $('li.dropdown-alert');    var $uncheckedAlertList = $('ul', $uncheckedAlertMenu);    var a = $uncheckedAlertBadge.html();    $uncheckedAlertBadge.html(Number(a) + 1);    //判斷報警類型 如果是位置偏移,place+1    if (evt.data == "1") {      var count;      var a = $("#number").html();      if (a == null) {        count = 1;        $uncheckedAlertList            .prepend('<li class="place-alert"><a href="alert?menuId=274" rel="external nofollow" rel="external nofollow" > <font color="red" id="place-alert">'                + "位置報警(<font id ='number'>"                + count                + "</font>)" + '</font></a></li>');      } else {        count = Number(a) + 1;        $("#place-alert").html(            "位置偏移(<font id='number'>" + count + "</font>)");      }    }    if (evt.data == "0") {      var count;      var a = $("#snum").html();      if (a == null) {        count = 1;        $uncheckedAlertList            .prepend('<li class="sos-alert"> <a href="alert?menuId=274" rel="external nofollow" rel="external nofollow" ><font color="red" id="sos-alert">'                + "SOS報警(<font id='snum'>"                + count                + ")</font>"                + '</font></a></li>');      } else {        count = Number(a) + 1;        $("#sos-alert").html(            "SOS報警(<font id='snum'>" + count + "</font>)");      }    }  }  function onError() {    websocket.close();  }  function onClose() {  }  window.close = function() {    websocket.onclose();  }</script>

總結

以上所述是小編給大家介紹的JS實現websocket長輪詢實時消息提示的效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产亚洲成精品久久| 91在线中文字幕| 亚洲精品v欧美精品v日韩精品| 亚洲大胆美女视频| 日韩电影免费在线观看| 日韩电影中文字幕| 影音先锋欧美在线资源| 久久久国产精品视频| 日韩久久午夜影院| 日本欧美一二三区| 久久久精品2019中文字幕神马| 欧美午夜激情小视频| 欧美精品日韩三级| 亚洲精品网站在线播放gif| 日韩动漫免费观看电视剧高清| 一本大道久久加勒比香蕉| 久久97久久97精品免视看| 国产成人精品久久| 精品视频偷偷看在线观看| 日韩精品在线播放| 亲爱的老师9免费观看全集电视剧| 日韩av综合中文字幕| 性亚洲最疯狂xxxx高清| 国产精品久久久久91| 色偷偷噜噜噜亚洲男人的天堂| 亚洲激情中文字幕| 国产成人精品日本亚洲专区61| 日本中文字幕久久看| 国产精品老女人视频| 国产999精品久久久| 国产精品国产自产拍高清av水多| 97在线精品国自产拍中文| 欧美午夜www高清视频| 久久久久日韩精品久久久男男| 色噜噜亚洲精品中文字幕| 92看片淫黄大片欧美看国产片| 日韩电影免费在线观看| 欧美日韩在线第一页| 色婷婷亚洲mv天堂mv在影片| 久久频这里精品99香蕉| 亚洲欧洲一区二区三区在线观看| 亚洲免费精彩视频| 欧美亚洲另类激情另类| 草民午夜欧美限制a级福利片| 麻豆国产精品va在线观看不卡| 久久夜色精品国产亚洲aⅴ| 国产欧美一区二区三区久久| 欧美日本中文字幕| 两个人的视频www国产精品| 中文字幕欧美亚洲| 亚洲精品国偷自产在线99热| 国产精品免费看久久久香蕉| 最近2019中文免费高清视频观看www99| 欧美日韩国产成人高清视频| 久久久国产精品亚洲一区| 亚洲欧洲高清在线| 蜜臀久久99精品久久久无需会员| 国产一区二区三区在线| 日韩欧美在线免费观看| 成人黄色免费在线观看| 日韩精品在线免费观看视频| 欧美区在线播放| 亚洲欧美三级在线| 亚洲福利视频免费观看| 亚洲精品小视频| 久久久噜噜噜久噜久久| 亚洲一区999| 亚洲精品美女免费| 国产成人精品久久亚洲高清不卡| 日韩av在线电影网| 欧美一级片在线播放| 亚洲欧美国内爽妇网| 欧美黄色成人网| 久久久在线视频| 亚洲欧美另类在线观看| 亚洲精品第一页| 精品爽片免费看久久| 国产成人短视频| 国产成人在线亚洲欧美| 亚洲va国产va天堂va久久| 欧美日韩国产页| 国内精品国产三级国产在线专| 亚洲无线码在线一区观看| 久久久久久久久久久免费精品| 欧美韩国理论所午夜片917电影| 国产精品视频xxxx| 色偷偷av一区二区三区乱| 51ⅴ精品国产91久久久久久| 国产欧美日韩精品在线观看| 亚洲电影免费观看高清完整版| 亚洲天堂免费视频| 成人免费观看49www在线观看| 亚洲社区在线观看| 欧美高清电影在线看| 午夜剧场成人观在线视频免费观看| 国产精品www网站| 亚洲a级在线观看| 91干在线观看| 国产亚洲欧洲在线| 日韩免费视频在线观看| 国产精品爽爽爽爽爽爽在线观看| 国产成人精品在线观看| 黑人巨大精品欧美一区二区三区| 最近中文字幕mv在线一区二区三区四区| 精品国产网站地址| 亚洲欧美精品伊人久久| 国产精品美女呻吟| 亚洲欧美精品suv| 亚洲电影成人av99爱色| 中文字幕日韩欧美在线视频| 成人午夜黄色影院| 91精品啪aⅴ在线观看国产| 日韩a**站在线观看| 久久久在线视频| 日本在线精品视频| 欧美性高潮在线| 国产精品r级在线| 2020欧美日韩在线视频| 国内外成人免费激情在线视频网站| 国产精品网红福利| 91黑丝高跟在线| 亚洲丁香婷深爱综合| 日韩av电影中文字幕| 国产欧美精品在线播放| 欧美亚洲视频在线看网址| 国产一区二区三区视频在线观看| 日本韩国欧美精品大片卡二| 伊人伊成久久人综合网小说| 亚洲伊人成综合成人网| 在线电影av不卡网址| 亚洲iv一区二区三区| 色偷偷av亚洲男人的天堂| 国产欧美精品一区二区三区-老狼| 亚洲人成在线一二| 琪琪亚洲精品午夜在线| 免费91麻豆精品国产自产在线观看| 欧美色xxxx| 国产激情视频一区| 久久久久久国产精品三级玉女聊斋| 上原亚衣av一区二区三区| 成人黄色免费网站在线观看| 亚洲激情视频网站| 亚洲国产精品电影| 精品国产乱码久久久久久天美| 日韩免费观看高清| 国产精品视频久久久久| 久99九色视频在线观看| 色无极亚洲影院| 午夜精品久久久久久久99黑人| 日韩风俗一区 二区| 国产va免费精品高清在线观看| 亚洲xxx大片| 亚洲精品福利免费在线观看| 国产视频精品一区二区三区| 国产精品亚洲网站| 日韩在线播放视频| 最近中文字幕mv在线一区二区三区四区| 人九九综合九九宗合| 日韩小视频在线观看| 欧美丰满少妇xxxxx做受| 亚洲精品国偷自产在线99热| 97婷婷大伊香蕉精品视频| 亚洲欧洲日产国码av系列天堂| 456亚洲影院|