详解javascript传统方法实现异步校验_javascript技巧
程序员文章站
2022-05-01 22:17:43
...
学习JavaScript异步校验时往往是从最传统的XMLHttpRequest学起,本文来谈一下对传统校验的认识:
代码1index.jsp文件:
代码1index.jsp文件:
如何使用传统方法异步验证用户名的唯一性 如何使用传统方法异步验证用户名的唯一性
例子一:
例子二:
例子一与例子二的区别:两者都实现了使用传统方法异步验证用户名的唯一性的功能,区别在于使用的servlet中的的方法不同:"例子一"使用的servlet中的doGet方法;"例子二"使用的servlet中的doPost方法。
代码2demo1.jsp文件:
使用的servlet中的doGet方法 使用的servlet中的doGet方法
用户名: *用户名必填,具有唯一性。
代码3demo2.jsp文件:
使用的servlet中的doPost方法 使用的servlet中的doPost方法
用户名: *用户名必填,具有唯一性。
代码4AjaxCheckUserNameServlet.java文件:
package com.ghj.packagofserlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class AjaxCheckUserNameServlet extends HttpServlet { private static final long serialVersionUID = 6387744976765210524L; /** * 处理demo1.jsp中异步验证 * * @author GaoHuanjie */ public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { try{ response.setCharacterEncoding("UTF-8"); request.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); //System.out.println(1/0);//故意出现异常,以检查demo1.jsp中xmlHttpRequest.status!=200的分支语句是否可用 String userName=request.getParameter("userName");//获取“用户名” System.out.println("处理demo1.jsp中异步验证,用户名为:"+userName); if ("admin".equals(userName)) { out.print("1");//“1”表示用户名不可用。 } else { out.print("2");//“2”表示用户名可用。 } out.flush(); out.close(); }catch (Exception e) { e.printStackTrace(); response.setStatus(405); } } /** * 处理demo2.jsp中异步验证 * * @author GaoHuanjie */ public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { try{ response.setCharacterEncoding("UTF-8"); request.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); //System.out.println(1/0);//故意出现异常,以检查demo2.jsp中xmlHttpRequest.status!=200的分支语句是否可用 String userName=request.getParameter("userName");//获取“用户名” System.out.println("处理demo2.jsp中异步验证,用户名为:"+userName); if ("admin".equals(userName)) { out.print("1");//“1”表示用户名不可用。 } else { out.print("2");//“2”表示用户名可用。 } out.flush(); out.close(); }catch (Exception e) { e.printStackTrace(); response.setStatus(405); } } }
代码5web.xml文件:
AjaxCheckUserNameServlet com.ghj.packagofserlet.AjaxCheckUserNameServlet AjaxCheckUserNameServlet /AjaxCheckUserNameServlet index.jsp
以上就是使用传统方法实现异步校验的详细代码,希望对大家的学习有所帮助。
上一篇: 4-IPv4首部和IPv6首部
下一篇: 怎样实现H5微信播放全屏
推荐阅读
-
javascript模拟评分控件实现方法_javascript技巧
-
js实现同一页面多个运动效果的方法_javascript技巧
-
javascript实现模拟时钟的方法_javascript技巧
-
JavaScript实现的类字典插入或更新方法实例_javascript技巧
-
javascript实现输出指定行数正方形图案的方法_javascript技巧
-
用Json实现PHP与JavaScript间数据交换的方法详解_PHP
-
js实现翻页后保持checkbox选中状态的实现方法_javascript技巧
-
js如何实现设计模式中的模板方法_javascript技巧
-
javascript无刷新评论实现方法_javascript技巧
-
js实现延时加载Flash的方法_javascript技巧