用户输入的账号为q,当光标离开“账号”文本框,触发blur事件,开始执行JavaScript代码,执行步骤在前面已经提到。由于该过程采用Ajax技术,用户界面不需要等待,可以接着进行下面的操作。如图3。
图 3 账号可用的情况
如果注册用户输入的账号为admin,该账号已被占用,效果如图4所示。
图 4 账号被占用的情况
5 总语
该例子虽然比较简单,使用却十分广泛,并且很好地体现了Ajax技术。服务器端的实现可以采用其他技术,本文不作讲述,文中代码经过测试。
参考文献
[1]克拉恩 英,帕斯卡雷洛 英,杰姆斯 英. Ajax实战.人民邮电出版社 .2006-04.
[2] 阿斯利森 美,舒塔 美.Ajax基础教程.人民邮电出版社,2006-02.
[3] 刘斌.精通Java Web整合开发(JSP+AJAX+Sturts+Hibernate) .电子工业出版社, 2007-11.
|