龙空技术网

Ajax!原来代码实现如此简单

一只快乐的小码农 1976

前言:

目前小伙伴们对“用ajax做登陆校验”可能比较关怀,你们都想要知道一些“用ajax做登陆校验”的相关资讯。那么小编在网上网罗了一些关于“用ajax做登陆校验””的相关知识,希望朋友们能喜欢,朋友们快快来学习一下吧!

巩固下“Ajax”,实现【注册用户名】时候,进行一个校验。比如我们注册时,填写一个用户名,用户名唯一,一定不可以相同,所填写的用户名,之前有用户注册过,就提示,用户名已经存在,如果没有,提示用户名可用,密码校验一下2次输入,是否与第一次相同,避免填写错误,下次登录,忘记密码。

实现思路:【先把必要的预制条件做好,建项目-导入jar包-配置信息】

根据个人习惯进行代码编写,我习惯从前台往后台写。

前台;

代码解析:写【用户名】【密码】加两个【文本框】,定义【一个Ajax,校验用户名】的方法。在写两个按钮。“js”实现此校验方法。

代码解析:用document.getElementById获取输入框用户名的值,然后就是Ajax请求后台的整个过程之前讲过。最后把校验好的数据结果发送回来。就这么简单。。

后台:

代码解析:这里我们是模拟一个要返回的校验数据,实际是从数据库取奥,这里为了清晰就不获取了。然后用request.getParameter来获取要注册的用户名,再用equals方法来和我们模拟的数据进行比较,不管对不对都校验一下,返回给前台一个执行结果,进而执行相应的操作,我们还可以加点小图片,校验结果如果是ture,代表重复了,那么就提示一个用户名重复,否则用户名可用。每天就一点点的进步,慢慢有感觉了,还没毕业的大学生毕业设计自己就做出来了,何必找人花钱做呢。自己学会了才是王道。

好了,今天就先学会用户名的校验就行了,明天继续。

标签: #用ajax做登陆校验