使用Ajax进行异步验证

2024-10-21 08:08:04

1、首先我们编辑一稍僚敉视个html页面,在<script>标签中定义js的function,其中createXMLHttp()方法用于创建XmlHttpRequest的核心对象,c茑霁酌绡heckUserid()用于向后端发送请求,我们在请求的url中通过地址重写的方式将userid传送到服务器端,然后使用checkUseridCallback()回调函数来显示服务端校验的结果。

使用Ajax进行异步验证

3、因此涉及到查询数据库,因此我们在test数据库中创建t_user表,我们需要用到的是该表的user_id字段,如下图所示。

使用Ajax进行异步验证

5、CheckServlet中的doPost方法用户处理请求和ID校验,我们从HttpServletRequest的对象中取到userid的值,并编写sql语言查询该id的数量,执行查询后遍历查询结果,若返回值>1则表示该id已经存在,否则该id不存在,可以注册。创建PrintWriter的对象用于向浏览器输出结果。

使用Ajax进行异步验证使用Ajax进行异步验证使用Ajax进行异步验证
猜你喜欢