ajax代码怎么写(原生Ajax写法)

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

ajax代码怎么写(原生Ajax写法)

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

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

前台;

ajax代码怎么写(原生Ajax写法)

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

ajax代码怎么写(原生Ajax写法)

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

后台:

ajax代码怎么写(原生Ajax写法)

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022年6月15日 19:34:47
下一篇 2022年6月15日 19:44:34

相关推荐