小峰子

随着互联网的迅速发展，Web 页面的广泛应用，人们的需求不仅限于页面的功能，而更 多地注重页面展示形式和用户体验度。JavaScript 语言可以很好地满足程序开发者的需求， 开发出用户体验度很高的页面，因而越来越受到广大程序员的关注 ；jQuery 是 JavaScript 库 中的优秀一员，近年来，随着它的代码高效、兼容性强而风靡全球，越来越多的开发者痴迷 其中。 16.2　在线聊天室 虽然当前各类的交流工具十分方便快捷，但不少企业或公司还是希望开发一个简单、高 效、便于公司内部交流的聊天室。下面详细介绍一个基于 jQuery 库的小型聊天室开发全过程。 16.2.1　需求分析 本案例的聊天室满足下列需求： 1）用户需要登录才能进入聊天室交流。 2）以无刷新的方式动态显示交流的内容。 3）以无刷新的方式动态显示在线人员基本信息。 494　 　第 16 章　jQuery 综合案例开发 4）登录的用户可以提交文字与表情图标，并即时显示在内容区。 16.2.2　界面效果 为了显示当前在线人员的信息，进入聊天室时必须先进行登录，保存登录用户的基本信 息，登录页面实现的界面如图 16-4 所示。 用户在登录聊天室时，调用 jQuery 中 Ajax 的全局函 数 $.ajax()，将获取的用户名与密码数据向数据器发送请 求，并使用全局的 ajaxStart() 与 ajaxStop() 事件绑定提示 信息元素，使用户在登录时显示“正在发送登录请求”的 字样，优化用户页面体验。 用户在登录时，向服务器发送登录数据请求后，服 务器端的程序将接收所请求的数据，检测 16.3　本章小结 在本章中，首先通过演示图片切割的全过程，使读者在掌握 jQuery 基本知识的基础上， 学会如何在 HTML 页面中，通过 jQuery 切割插件实现任意大小图片切割方法 ；另外，介绍 使用 jQuery 库与静态 HTML 页组合开发聊天室的过程，使读者初步了解如何在实际的开发 项目中，巧妙使用 jQuery 库的方法。