基于Ajax的网站登录系统的设计与实现

$ $ （#） 服务器端编码
［]， ^］ $ $ 服务器端关键代码如下 ：
$ $ 7,J@>; ;@’-- 2’@>A’.*@?B>= ：0G-.*D" _*J" RH" N’B*
$ $ %&’( 实质上遵循 )*+,*-. / 0*12*1 模式， 这里采用逐 步解析的方式， 形成一个发送和接收 3456..7)*+,*-. 请 求的 %&’( 程序框架。 $ $ 框架的基本流程为： 对象初始化 , 发送请求 , 服务 器接收,服务器返回,客户端接收 , 修改客户端页面内 容。但其效果却大大不同， 登录成功后整个页面并未刷 新， 只是登录框局部稍作改变。
% % 【 摘要】 % 研究以异步响应为主要特点的 !"#$ 的工作原理， 对传统电子商务应用系统的登录方式进行再 造， 在实际应用系统的开发中实现无需刷新整个页面即可登录网站， 有利于有效提高系统运行效率。 % % 【 关键词】 % !"#$% 网站登录% 设计与实现% % % % 【 分类号】 % +,-.’
应用实践 《 现代图书情报技术》 % J((K 年% 第 & 期 % % 总第 ’&( 期 ################################################
基于 !"#$ 的网站登录系统的设计与实现 $
% 吴应良% 高海军% 林梓鹏% % %
（ 华南理工大学电子商务学院% 广州 &’((() ） % （ 华南理工大学工商管理学院% 广州 &’()*’ ）
图 7) 登录系统逻辑图
) ) 由图 7 可以看出， 整个登录的逻辑和普通登录逻辑 是相同的， 但是基于 !"#$ 的实现登录效果却大不相同。
图 () 两种 %&’ 应用处理交互模式对比
［*］
以下是登录框的页面代码：
) ) ) ) ) ) ) ) ) ) 8 29 09 : ; <=>0?29; /=@A1#? : ; 7; B&0>B2 : ; CD; E （ H#/IA&/J#K& : : ; ; ） ｛F E 8 F 0G 8 90, #<0>? : ; <&G2; E 8 A1#? .<#AA : ; -4LMN*; 09 : ; A1#?(; E 8 #A1： <#’&< 09 : ; M#’&<(; /O?#2 : ; A&/,&/; E 用户登录 8 P #A1： <#Q ’&< E 8 P A1#? E ) ) 用户名 8 0?1O2 09 : ; IA&/J#K&; 2R1& : ; 2&$2; A0S& : ; T; ?#K& : ; 2&$2G0&<9; E ) ) 密码 8 0?1O2 09 : ; 5#AA@=/9; 2R1& : ; 1#AA@=/9; A0S& : ; T ; ?#K& : ; 5#AA@=/9; E ) ) 验证码 8 0?1O2 09 : ; /#?9=K.=9&; 2R1& : ; 2&$2; A0S& : ; C ; ?#K& : ; 2&$2G0&<977; E ) ) 8 #A1： 0K#>& 09 : ; UK#>&(; /O?#2 : ; A&/,&/; UK#>&!<0>? : ; !’AV09Q 9<&; 3&0>B2 : ; 7C1$; %092B : ; WX1$; E 8 P #A1： 0K#>& E ) ) 8 0?1O2 09 : ; -O’K02; =?.<0.Y : ; ,#<09#2&<=>0? （） ; 2R1& : ; ’O22=?; ,#<O& : ; 登录; ?#K& : ; -O’K02; E ) ) 8 #A1： ’O22=? 09 : ; SBO.0; 2&$2 : ; 注册 ; ZO?#2 : ; A&/,&/; E 8 P #A1： ’O22=? E ) ) ) ) ) ) 8 ! B/&G : ; [=>5%6 #A1$; E \?’A1； 忘记密码？ 8 P ! E 8 P 90, E 8F｝ &<A&｛F E ’&< E \?’A1；\?’A1； ) ) ［ 8 ! B/&G : ; 5@Z&,0A&6 #A1$; E 修 改 密码 8 P ! E ］ \?’A1； ［ 8! B/&G : ; <=>=O26 #A1$; E 退出系统 8 P ! E ］ ) ) ) ) 8F｝ F E 8 P 29 E
・ KK・
应用实践 《 现代图书情报技术》 ) 7DD] 年) 第 W 期 ) ) 总第 (WD 期 ################################################
如果负载过大， 用户可能会等上好几分钟， 甚至服务器会 提示超时， 该网页不可用。另外， 用户还经常遇到仅仅是 改变页面的一小部内容， 却不得不重新加载刷新整个页 面的现象。这些都给用户的使用带来了不便， 基于 !"#$ 的 %&’ 应用模式可以解决这些问题。
) ) 由图 ( 可以看出， 与传统 %&’ 应用采用同步交互不 同， !"#$ 在用户与服务器之间引入一个中间媒介， 从而消 除了网络交互过程中的处理— — —等待— — —处理— — —等待 的缺点。用户浏览器在执行任务时即装载了 !"#$ 引擎， 就载入了 !"#$ 引擎。 !"#$ 当用户打开一个 %&’ 页面时， 引擎用 +#,#-./012 脚本语言编写， 通常在一个隐藏的框架 中。它负责编译用户界面及与服务器之间的交互。 !"#$ 引擎允许用户与应用软件之间的交互过程异步进行， 独 立于用户与网络服务器间的交流。所以， 就算当请求和 响应在引擎和服务器之间被来回传送， 用户还是能与应 用程序交互， 从而可以用 +#,#-./012 调用 !"#$ 引擎来代替 引擎本身能够立即 产生一个 3445 的用户动作。同时， 处理不需要请求服务器的动作， 就像在内存中编辑数据、 验证数据等桌面应用程序处理一样便捷快速。 ) ) 为了更清楚的阐述 !"#$ 的实现， 下面以正在许多商 务网站中有着广泛应用的系统登录为例， 来论述 !"#$ 的 强大优势。
*) 基于 !"#$ 的网站登录系统设计及实现
) ) 结合实际项目的开发， 论述应用 !"#$ 技术实现网站 新登录方式的设计。
) ) \?’A1； 8 #A1： <#’&< 09 : ; %&<.=K&; ZO?#2 : ; A&/,&/; E 8 P #A1： <#Q
*6 () 基于 !"#$ 的网站登录设计
% % 收稿日期： J((K / (* / (. J((K / (* / ’* % % 收修改稿日期： % % $ 本文系国家自然科学基金项目 “ 管理科学理论和方法的综合 K(**((’’ ） ； 广东省普通高校人文社会科学重 集成研究” （ 项目编号： 点研究 基 地 项 目， 企业物流信息系统项目 （ 项 目 编 号： L(* / IM()-.-( ） 的研究成果之一。
) ) 笔者根据实际系统业务流程的需要， 研究了登录系 统的业务规则和流程， 在此基础上刻画出系统登录的结 构， 其逻辑图如图 7 所示。
・ ]T・
应用实践 《 现代图书情报技术》 $ #\\^ 年$ 第 : 期 $ $ 总第 8:\ 期 ################################################ !" #$ 基于 %&’( 的网站登录实现
% % 【 !&’+6$B+】 % +012 3#345 0#64 7448 9:84 2:;4 ":72 #7:<= =04 =04:5> #7:<= !"#$ ?0#5#?=451@49 7> #2>8?05:8>A +048 9421B82 =04 C:B18 :D 4 / 7<218422 E4721=4 2>2=4;，F01?0 ;#G42 1= 3:2217C4 =0#= =04 F0:C4 3#B4 F1CC 8:= 74 54D542049 74H D:54 >:< C:B18 =04 2>2=4;， #89 1= F1CC 01B0C> 1;35:642 2>2=4; 4DD1?148?>A % % 【 C(=D-6)’】 % !"#$% E4721=4 C:B18% I421B8 #89 1;3C4;48=#=1:8 % % （J） 运用文档对象模型 （ I:?<;48= U7"4?= Q:94C ） 实现动 态显示和交互； % % （-） 运用 PQR 和 PTR+ 实现数据交换和操作； % % （*） 运用 PQRN==3V4W<42= 实现异步数据检索；
$ $ （ 8 ）客户端编码
［9， :］ $ $ 客户端的关键代码如下 ， 其中函数 ;1*’.*36) （） 生成
$ $ $ $ $ $ $ $ A?;,D*=." B*.E@*D*=.FGHA （ I N’--O?1AI ） " 2’@,* C I I ； $ $ $ $ $ $ $ $ $ ｝ $ $ $ $ $ $ $ $ ｝*@-* ｛ $ $ $ $ $ $ $ $ $ ’@*1. （ I E11?1I ） ； $ $ $ $ $ $ $ $ $ $ ｝ $ $ $ $ $ $ $ $ ｝ $ $ $ $ $ ｝
［-］ 页面 。
J% !"#$ 工作机制 JA ’% !"#$ 简介
% % !9#3=164 ,#=0 公 司 的 O4224 O#;42 L#554== 这 样 定 义 !"#$： !"#$ 不是一种新技术， 它由几种蓬勃发展的技术以
［’］ 。!"#$ 主要包含以下内容： 新的强大方式组合而成
% % （’） 运用 PN+QR 和 STT 实现基于各种标准的展示；
% % 术语 !"#$ 用来描述一组技术， 它使浏览器可以为用 户提供更为自然的浏览体验。在 !"#$ 之前， E47 站点强 制用户进入提交 X 等待 X 重新显示范例， 用户总是在请求 后的等待响应之中度过。而 !"#$ 提供与服务器异步通信 的能力， 从而使用户从请求 X 响应的循环中解脱出来。 % % !"#$ 的 功 能 强 大， 可 以 在 用 户 单 击 按 钮 时， 使用 O#6#T?513= 和 IN+QR 立即更新 YZ， 并向服务器发出异步 请求， 以执行更新或查询数据库。当请求返回时， 就可以 使用 O#6#T?513= 和 STT 来相应地更新 YZ， 而不是刷新整个
［J］ % % （&） O#6#T?513= 将所有这些绑定到一起 。
Fra Baidu bibliotek
’% 引% 言
% % 对于用户来说， 传统的 E47 应用每一次请求都需要 使用户花费大量时间等 服务器返回完整的 N++, 页面， 待。实际上， 大多数情况用户需要的仅仅是网页的局部 更新， 所以传统的模式不仅降低了用户的浏览速度， 而且 极大地浪费了网络带宽， 更降低了用户良好体验。本文 介绍的 !"#$ 技术很好地解决了这些问题， 并对网站的登 录系统进行设计及实现。
!" !#$% / &$’() *(+,-) -. /(’01" $") 2345(3("+$+0-" .-6 +,( 7-10" -. 8 / 9:’0"(’’ ;(&’0+( <=’+(3
;: >0"150$"1% ?$- @$0#:" （ !"#$$% $& ’ ( )*+,-.++ /$%%.0.， !$*1# /#,-2 3-,4.5+,16 $& 7."#-$%$06， 8*2-09#$* :;<<<= ， /#,-2） 70" A04("1 （ !"#$$% $& )*+,-.++ >?@,-,+1521,$-， !$*1# /#,-2 3-,4.5+,16 $& 7."#-$%$06， 8*2-09#$* :;<=A; ， /#,-2）
JA J% !"#$ 工作原理
% % 在传统的 E47 应用中， 用户浏览 E47 资源时， 首先 由客户端浏览器向 E47 服务器发出 N++, 请求。 E47 服 务器对用户的请求进行处理， 并把处理结果以 N+QR 页 面的形式返回给客户端浏览器。当用户的 N++, 请求在 发送或 E47 服务器在处理请求时， 用户就必须等待。但