随笔分类 -  Ajax【富客户端技术】

Ajax常用技术和框架、类库:jQuery、DWR、ExtJS、prototype、dojo等
自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)
摘要:这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入。 当你用$.load("dir/my-page.jsp"); 或xhr.request("server/to-my-page");等异步请求加载html 阅读全文
posted @ 2017-05-17 16:26 hoojo 阅读(6946) 评论(1) 推荐(0) 编辑
Web 通信 之 长连接、长轮询(long polling)
摘要:基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。 一、什么是长连接、长轮询? 用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已... 阅读全文
posted @ 2013-09-26 14:36 hoojo 阅读(230347) 评论(50) 推荐(90) 编辑
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序
摘要:这篇文章主要介绍用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript(jsjac)框架构建一个BS Web的聊天应用程序。此程序可以和所有连接到Openfire服务器的应用进行通信、发送消息。如果要运行本程序还需要一个聊天服务器Openfire, 以及需要用到Http方式和Openfire通信的第三方库(JabberHTTPBind)。 JabberHTTP... 阅读全文
posted @ 2012-08-13 09:34 hoojo 阅读(32672) 评论(84) 推荐(19) 编辑
JavaScript/jQuery WebIM 及时聊天通信工具 本地客户端
摘要:WebIM本地客户端,可以发送表情、调整字体、字体大小、字体颜色、加粗、下划线、斜体等;还支持收缩split条,详情等; 上UI界面,界面还不够专业,需要美工支持,下一期在做优化! 收缩详情 chat.html 代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <tit... 阅读全文
posted @ 2012-06-18 18:06 hoojo 阅读(21898) 评论(17) 推荐(8) 编辑
Jwchat 的安装和配置、Service unavailable、Authorization failed问题汇总
摘要:上一篇介绍了Openfire开源聊天IM服务器的安装:http://www.cnblogs.com/hoojo/archive/2012/05/17/2506769.html 这篇文章介绍Jwchat的安装和配置 首先Jwchat的配置和安装需要具备的环境: Tomcat 5.0.28+/Tomcat 6 JDK 1.6+ Openfire 3.7.1 1、 下载jwchat工程文件 ... 阅读全文
posted @ 2012-05-17 21:28 hoojo 阅读(33714) 评论(22) 推荐(7) 编辑
Java 利用SWFUpload多文件上传 session 为空失效,不能验证的问题
摘要:我们都知道普通的文件上传是通过表单进行文件上传的,还不能达到异步上传的目的。通过使用某些技术手段,比如jquery form.js可以达到异步上传的目的,但最重要的问题在于,它不能够进行多个文件的上传。如果你要上传多个文件,必须一个一个地上传,同时还要在界面上处理当上传完一个文件之后,下一个文件上传框的问题。 现在我们有了一个更多的运行,即使用swfupload进行多文件异步上传。顾名思义,它是... 阅读全文
posted @ 2012-05-11 14:14 hoojo 阅读(6092) 评论(1) 推荐(1) 编辑
Ext [DDTabPanel、FoodImageField、ImageChooser]扩展组件
摘要:开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 6.5 开发依赖库: JavaEE5、ext 2.2.2 Email:hoojo_@126.com Blog:http://blog.csdn.net/IBM_hoojo http://ho... 阅读全文
posted @ 2012-03-17 03:05 hoojo 阅读(1790) 评论(0) 推荐(1) 编辑
ExtJS Form扩展组件[ColorFiled, DateTimeFiled, IconCombo, MultiComboBox, DynamicTreeCombox]
摘要:支持Form颜色选择组件、日期时间选择组件、带图标的下拉列表、多选下来列表、动态下拉列表树等组件 开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 8 开发依赖库: JavaEE5、ext 2.2.2 Email:hoojo... 阅读全文
posted @ 2012-02-27 14:11 hoojo 阅读(4152) 评论(1) 推荐(2) 编辑
jQuery 获取屏幕高度、宽度
摘要:做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerH... 阅读全文
posted @ 2012-02-16 17:43 hoojo 阅读(275923) 评论(3) 推荐(16) 编辑
jquery blockUI 扩展插件 Dialog
摘要:对jQuery blockUI插件进行了小的封装扩展,支持confirm、alert、dialog弹出窗口提示信息,支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等 首先要到jquery blockUI 官方网址:http://malsup.com/jquery/block/ 下载jquery.blockUI JS lib:http://malsup.com/jquery/b... 阅读全文
posted @ 2012-01-05 14:06 hoojo 阅读(27093) 评论(2) 推荐(5) 编辑
Spring整合DWR comet 实现无刷新 多人聊天室
摘要:用dwr的comet(推)来实现简单的无刷新多人聊天室,comet是长连接的一种。通常我们要实现无刷新,一般会使用到Ajax。Ajax 应用程序可以使用两种基本的方法解决这一问题:一种方法是浏览器每隔若干秒时间向服务器发出轮询以进行更新,另一种方法是服务器始终打开与浏览器的连接并在数据可用时发送给浏览器。第一种方法一般利用setTimeout或是setInterval定时请求,并返回最新数据,这无... 阅读全文
posted @ 2011-06-08 15:05 hoojo 阅读(34715) 评论(25) 推荐(6) 编辑
Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
摘要:前面介绍了ColumnTree:http://www.cnblogs.com/hoojo/archive/2011/05/11/2043426.html http://www.cnblogs.com/hoojo/archive/2011/05/11/2043453.html 加入CheckNodeColumnTree A、首先在AccountAction中添加如下代码: private Strin... 阅读全文
posted @ 2011-05-12 12:52 hoojo 阅读(3656) 评论(5) 推荐(2) 编辑
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【二】
摘要:三、加入Struts2框架 1、 准备工作 添加jar文件如下: org.springframework.web-3.0.5.RELEASE.jar org.springframework.aop-3.0.5.RELEASE.jar 这2个jar包是spring的context所依赖的jar包 struts2-spring-plugin-2.2.3.jar是struts整合spring的jar包 ... 阅读全文
posted @ 2011-05-11 17:38 hoojo 阅读(4543) 评论(4) 推荐(2) 编辑
jQuery autocomplete 自扩展插件、自动补全示例
摘要:jquery-lib版本是 1.3.2的,该插件是简单的扩展插件,代码也比较简单的封装。所以看起来也比较简单不是很费力,当然封装得也不是很好。不过做了浏览器方面的兼容,经测试兼容IE6+、Firefox3.5+首先看看autocomplete.js:;(function ($) { var index = -1; var timeId; var cssOptions = { "border": "1px solid black", "background-color": "white", "positio 阅读全文
posted @ 2011-03-28 12:11 hoojo 阅读(18189) 评论(6) 推荐(5) 编辑
Struts2、Spring、Hibernate整合ExtJS
摘要:SSHExtTree 百度文库提供下载:http://wenku.baidu.com/view/485e4d36f111f18583d05aed.html 开标题就知道是Struts、Spring、Hibernate、ExtJS的Tree实例文档,其中包括Filter功能的checkNodeTree、comboBoxCheckNodeTree、comboBoxTree这三种扩展的tree。不错,如... 阅读全文
posted @ 2011-01-07 11:58 hoojo 阅读(19461) 评论(21) 推荐(7) 编辑