博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
pushlet简单例子js-pushlet-client.js
阅读量:4158 次
发布时间:2019-05-26

本文共 2185 字,大约阅读时间需要 7 分钟。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<title>消息推送模式与内容测试</title>
<meta  charset="UTF-8">
<link href="style.css" rel="stylesheet">
<meta http-equiv="Pragma" content="no-cache">
<script type="text/javascript" src="<%=basePath %>js/pushlet_js/js-pushlet-client.js"></script>
    <script type="text/javascript">
        var tempTrureId = '';
        var stockId = '';
    
        function onEvent(event){
             document.getElementById("info").innerHTML=event.toString();
            if(event.get('p_subject')=='/temperature'){
                tempTrureId = event.get("p_sid");
                displayTemptrueData(event.toString());
            }else if(event.get('p_subject')=='/stocks/aex'){
                stockId = event.get("p_sid");
                displayStocksData(event.toString());
            }
        }
     
 
function displayTemptrueData(aString) {
 
 document.getElementById("displayTemptrue").value=aString;
function displayStocksData(aString) {
 
 document.getElementById("displayStocks").value=aString;
function listemTemptrue(){
  p_join_listen(null, 'pull');
           p_subscribe("/temperature","my-lable");           
}
function unsubscribeTemptrue(){
  p_unsubscribe(tempTrureId);
  displayTemptrueData('');
}
function listemStock(){
  p_join_listen(null, 'pull');
           p_subscribe("/stocks/aex","my-lable2");
}
function unsubscribeStock(){
      p_unsubscribe(stockId);
      displayStocksData("");
}
function leave(){
  p_unsubscribe();
  p_leave();
}
</script>
</head>
<body>
  
<script type="text/javascript">p_embed();//此段必须要</script>
<br></body>
<article>
 <header>
     <h1>pushlet例子</h1>
 </header>
</article>
<article>
   <form>
   
      事件显示:<textarea rows="10" cols="30" id=displayTemptrue></textarea>
      天气显示:<textarea rows="10" cols="30" id=displayStocks></textarea>
      <input type="button" value="监听天气" οnclick="listemTemptrue();"/>
      <input type="button" value="取消监听天气" οnclick="unsubscribeTemptrue();"/>
      <input type="button" value="监听股票" οnclick="listemStock();"/>
      <input type="button" value="取消监听股票" οnclick="unsubscribeStock()"/>
      <input type="button" value="离开" οnclick="leave()"/>
      <div id=info style="width:400px;height:200px;border:1px solid"></div>
   </form>
</article>
</html>

转载地址:http://kbyxi.baihongyu.com/

你可能感兴趣的文章
C++中异常的处理方法以及使用了哪些关键字
查看>>
内存分配的形式有哪些? C++
查看>>
什么是内存泄露,如何避免内存泄露 C++
查看>>
栈和堆的空间大小 C++
查看>>
什么是缓冲区溢出 C++
查看>>
sizeof C++
查看>>
使用指针有哪些好处? C++
查看>>
引用还是指针?
查看>>
checkio-non unique elements
查看>>
checkio-medium
查看>>
checkio-house password
查看>>
checkio-moore neighbourhood
查看>>
checkio-the most wanted letter
查看>>
Redis可视化工具
查看>>
大牛手把手带你!2021新一波程序员跳槽季,全套教学资料
查看>>
Guava Collections API学习之AbstractMapBasedMultimap
查看>>
jQuery1.9(动画效果)学习之——.queue()
查看>>
HTML5学习之——概念篇
查看>>
HTML5学习之——HTML 5 视频
查看>>
HTML5学习之——HTML 5 Video + DOM
查看>>