Ajax实现异步交互完成注册页面

本文介绍了Ajax异步交互的工作原理及优势,通过实例说明如何利用Ajax实现注册页面中用户名的有效性验证,提升用户体验。

   今天李伟老师带我们从新复习了Ajax

 

Ajax服务器是实现异步交互来完成显示的。 假如传统是一个页面,你要刷新页面需要向服务器发送请求,然后服务器把刷新后的返还给你,这样重会有一段时间的白页,并且慢,而且刷新了全部的页面。 而Ajax的异步交互 就是仅仅自动刷新你要看到的 不用一下刷新一整个页面 和样子不仅方便快捷,而且更加的人性化 。

 

基于Ajax 他比传统的方式更加的便捷  

 

如果是一个注册页面

 

以用户名为例

当你鼠标在框框之内  当当前字符框为焦点字符框

当你在焦点字符狂内输入字符 (也就是你要注册的用户名) 然后你的鼠标离开这个焦点框。 当字符框失去焦点以后,会用Ajax的异步刷新。 直接调用数据库,如果字符长度不够那么。。。如果该用户以存在 那么  如果可以注册该用户 函数判断一下 

 

密码等以此类推  就可以完成一个Ajax异步交互来实现的主页页面

 

 

这样不仅更加的快捷 用户体验更加的好,人性化。 非常的实用。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值