`
艾建锋
  • 浏览: 24543 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

(三)Pushlet框架客户端js-pushlet-client.js分析-初始化分析

阅读更多

   首先介绍下此js的作用:在客户的jsp中加入隐藏的iframe,从而完成与服务器之间的通信,数据的处理交给回调函数,具体如何调用回调函数下面会分析。
    分析js的思路分以下几个步骤:
1 初始化
2 join
3 listen
4 pubilsh
5 _push函数分析
6 其他

一、初始化

    1  导入js-pushlet-client.js文件

 

上图是我工程的路径图,所以导入为:<script type="text/javascript" src="<%=basePath%>imContext/lib/js-pushlet-client.js"></script>,导入后会执行js中的_initURIs();// Initialize various URLs,作用是获得存放js-pushlet-client.js的路径,并赋值给pushletNetURI,如上则有pushletNetURI = basePath + imContext/lib;这个变量的作用就是为了找到js-pushlet-net.html服务的。

2 调用初始化函数p_embed(thePushletWebRoot)

thePushletWebRoot 可以为空,也可以根据实际的项目赋值。不赋值,则系统自动根据jsp页面导入的pushlet-client.js文件的路径字符串截取,获得路径然后pushletNetURI = getWebRoot() + 'lib/js-pushlet-net.html';所以如果需要将js-pushlet-net.html放到lib文件夹下面,一般按照我上图的路径放即可。

如果赋值根据上图则可以p_embed(basePath + "imContext/");// 初始化Pushlet框架

 

看下面源码:

 var pushletLayer = '<iframe id="pushletFrame" name="pushletFrame" src="' + pushletNetURI + '" style="visibility: hidden; width: 0px; height: 0px; border: 0px;"></iframe>';

self.document.write(pushletLayer);// 此处就是放入

    特别说明:我当时放入的时候self.document.write(pushletLayer);报js错误。所以我就在自己的页面中定义了一个<div id="hiddenFrame"></div>然后把该隐藏的iframe放入到了这个div中,如下
 /*
  * @aijianfeng
  */
 $("#hiddenFrame").append(pushletLayer);// 自定义div,存放隐藏的frame(jquery语法)

 好了大功告成了

 

总结:啰嗦了这么多,其实初始化就是导入js,然后调用p_embed函数 

 

 

2
1
分享到:
评论

相关推荐

    Pushlet的Ajax-pushlet-client.js分析

    总结来说,Ajax-pushlet-client.js是通过面向对象的JavaScript技术,利用XMLHttpRequest对象实现HTTP长连接,从而实现服务器向客户端的实时数据推送。其内部结构清晰,逻辑严谨,通过状态管理和事件驱动,有效地处理...

    pushlet的笔记

    - **客户端源码**:《(三)Pushlet框架客户端js-pushlet-client.js分析-初始化分析.htm》对JavaScript客户端库进行了详细解读,特别是初始化过程,这对于前端开发者理解如何集成Pushlet到网页应用至关重要。...

    pushlet简单配置应用

    5. **客户端JavaScript使用**:在HTML页面中,你需要引入`ajax-pushlet-client.js`这个客户端JavaScript库。然后,通过调用`PL._init()`初始化Pushlet,`PL.joinListen('/pushlet/test')`订阅特定的主题,例如'/...

    pushlet使用说明(包括中文乱码)

    在客户端,你需要在 HTML 页面中引入 ajax-pushlet-client.js 文件,这提供了与 Pushlet 交互的 JavaScript API。使用这些 API,你可以初始化 Pushlet,如 `PL._init()`,然后订阅你想接收数据的主题,例如 `listen...

    Pushlet简单应用小结

    - 创建Pushlet Client:在客户端,需要引入Pushlet的JavaScript库,并初始化一个连接对象,设置监听的频道。 - 建立连接:客户端向服务器发起HTTP请求,请求保持连接状态。 - 服务器处理:服务器接收请求后,将...

Global site tag (gtag.js) - Google Analytics