Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 322|回复: 0

[AJAX学习]简单的ajax+servlet表单数据验证

[复制链接]
  • TA的每日心情
    开心
    2021-3-12 23:18
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2014-10-13 03:52:36 | 显示全部楼层 |阅读模式
    一、用户注册的JSP页面

    <%@ page contentType="text/HTML;charset=UTF-8" language="java" %>
    <head>
      <META http-equiv=Content-Type content="text/html; charset=UTF-8">
    </head>
    <script language="javascript">

    1.         var XMLHttpReq;
    2.         //创建XMLHttpRequest对象      
    3.     function createXMLHttpRequest() {
    4.                 if(window.XMLHttpRequest) { //Mozilla 浏览器
    5.                         XMLHttpReq = new XMLHttpRequest();
    6.                 }
    7.                 else if (window.ActiveXObject) { // IE浏览器
    8.                         try {
    9.                                 XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
    10.                         } catch (e) {
    11.                                 try {
    12.                                         XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    13.                                 } catch (e) {}
    14.                         }
    15.                 }
    16.         }
    17.         //发送请求函数
    18.         function sendRequest(url) {
    19.                 createXMLHttpRequest();
    20.                 XMLHttpReq.open("GET", url, true);
    21.                 XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
    22.                 XMLHttpReq.send(null);  // 发送请求
    23.         }
    24.         // 处理返回信息函数
    25.     function processResponse() {
    26.             if (XMLHttpReq.readyState == 4) { // 判断对象状态
    27.                 if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
    28.                     var res=XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
    29.                 window.alert(res);               
    30.             } else { //页面不正常
    31.                 window.alert("您所请求的页面有异常。");
    32.             }
    33.         }
    34.     }
    35.         // 注册函数
    36.     function signUp() {
    37.                 var uname = document.myform.uname.value;
    38.                 var psw = document.myform.psw.value;
    39.                 var psw2 = document.myform.psw2.value;
    40.                 if(uname=="") {
    41.                         window.alert("用户名不能为空。");
    42.                         document.myform.uname.focus();
    43.                         return false;
    44.                 }
    45.                 else if(psw!=psw2) {
    46.                         window.alert("两次输入密码不同。");
    47.                         document.myform.psw.focus();
    48.                         return false;
    49.                 }
    50.                 else {
    51.                         sendRequest("signUp?uname="+ uname + "&psw=" + psw);
    52.                 }
    53.         }
    54. </script>
    复制代码
    <body vLink="#006666" link="#003366" bgColor="#E0F0F8">
       <img height="33" src="enter.gif" width="148">
       <form action="" method="post" name="myform">
         用户名: <input size="15" name="uname"><p>
         密  码: <input type="password" size="15" name="psw"><p>
         重输密码: <input type="password" size="20" name="psw2"><p>
         <input type="button" value="注册" onclick="signUp()" >
       </form>  
    </body>

    运行图:



    二、处理AJAX请求的Servlet
    1. package classmate;
    2. import java.io.IOException;
    3. import java.io.PrintWriter;
    4. import java.sql.ResultSet;
    5. import java.sql.SQLException;
    6. import javax.servlet.ServletConfig;
    7. import javax.servlet.ServletException;
    8. import javax.servlet.http.HttpServlet;
    9. import javax.servlet.http.HttpServletRequest;
    10. import javax.servlet.http.HttpServletResponse;
    11. public class SignUpAction extends HttpServlet {
    12.    
    13.         public void init(ServletConfig config) throws ServletException {
    14.     }
    15.    
    16.     /*
    17.      *  处理
    18.    请求方法.
    19.      */
    20.     protected void doGet(HttpServletRequest request, HttpServletResponse response)
    21.     throws ServletException, IOException {
    22.             //设置接收信息的字符集
    23.             request.setCharacterEncoding("UTF-8");
    24.             //接收浏览器端提交的信息
    25.                 String uname = request.getParameter("uname");
    26.                 String psw = request.getParameter("psw");               
    27.                 //设置输出信息的格式及字符集        
    28.         response.setContentType("text/xml; charset=UTF-8");
    29.         response.setHeader("Cache-Control", "no-cache");
    30.         //创建输出流对象
    31.         PrintWriter out = response.getWriter();
    32.         //依据验证结果输出不同的数据信息
    33.         out.println("
    34.   
    35.    ");               
    36.         
    37.         //数据库操作
    38.         DB db = new DB();
    39.                 ResultSet rs;
    40.                 int insRes = 0;
    41.         String strSql=null;
    42.         //判断用户名是否重复
    43.         strSql = "select * from classuser where username=""
    44.                         + uname + """;
    45.                 rs = db.executeQuery(strSql);
    46.                 boolean bnoRepeat = false;
    47.                 try {
    48.                         if ( !rs.next()) {
    49.                                 bnoRepeat = true;
    50.                         }
    51.                 } catch (SQLException e) {
    52.                         e.printStackTrace();
    53.                 }
    54.         //用户名不重复,插入记录
    55.                 if (bnoRepeat){
    56.             strSql = "Insert Into classuser values(""+ uname + "","" + psw + "")";
    57.                         insRes = db. executeUpdate(strSql);
    58.         }
    59.         if(!bnoRepeat){
    60.                         out.println("
    61.    
    62.     " + "注册失败!用户名已存在,重新输入用户名" + "
    63.    ");
    64.                 }else if(insRes>0){
    65.                         out.println("
    66.    
    67.     " + "注册成功!" + "
    68.    ");
    69.                 }else{
    70.                         out.println("
    71.    
    72.     " + "注册失败!" + "
    73.    ");
    74.                 }       
    75.        
    76.                 out.println("
    77.   ");
    78.                 out.close();
    79.     }
    80. }
    复制代码
    三、数据库操作类:
    1. package classmate;
    2. import java.sql.Connection;
    3. import java.sql.DriverManager;
    4. import java.sql.ResultSet;
    5. import java.sql.SQLException;
    6. import java.sql.Statement;
    7. public class DB {
    8.         Connection connect = null;
    9.         ResultSet rs = null;
    10.         public DB() {
    11.                 try {
    12.                         Class.forName("org.gjt.mm.mysql.Driver");         //设置驱动程序类型               
    13.                 }
    14.                 catch(java.lang.ClassNotFoundException e) {
    15.                         e.printStackTrace();
    16.                 }
    17.         }
    18.         //执行查询语句的方法
    19.         public ResultSet executeQuery(String sql) {
    20.                 try {
    21.      //建立与数据库服务器的连接
    22.      onnect = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/test1", "root", "");
    23.      tatement stmt = connect.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY);
    24.                         rs = stmt.executeQuery(sql);//执行指定的数据查询语句
    25.                 }
    26.                 catch(SQLException ex) {
    27.                         ex.printStackTrace();
    28.                 }
    29.                 return rs;
    30.         }
    31.     //执行增、删改语句的方法
    32.         public int executeUpdate(String sql) {
    33.                 int result = 0;
    34.                 try {
    35.                         connect = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/test1", "root", "");
    36.                         Statement stmt = connect.createStatement();
    37.                         result = stmt.executeUpdate(sql);//执行指定的数据操作语句
    38.                 }
    39.                 catch(SQLException ex) {
    40.                         System.err.println(ex.getMessage());               
    41.                 }
    42.                 return result;
    43.         }
    44.         //关闭数据库连接的方法
    45.         public void close(){
    46.                 if(connect!=null){
    47.                         try{
    48.                                 connect.close();
    49.                                 connect = null;       
    50.                         }catch(SQLException ex) {
    51.                                 System.err.println(ex.getMessage());
    52.                         }
    53.                 }       
    54.         }
    55.        
    56. }

    57. 四、web.xml文件中配置servlet
    58. <?xml version="1.0" encoding="UTF-8"?>
    59. <web-app version="2.4"
    60.         xmlns="http://java.sun.com/xml/ns/j2ee"
    61.         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    62.         xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
    63.         http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
    复制代码
    <servlet>
    <servlet-name>ms1</servlet-name>
    <servlet-class>claSSMate.SignUpAction</servlet-class>
    </servlet>  <servlet-mapping>
    <servlet-name>ms1</servlet-name>
    <url-pattern>/signUp</url-pattern>
    </servlet-mapping>  
    <!-- The Welcome File List -->
    <welcome-file-list>
    <welcome-file>signUp.jsp</welcome-file>
    </welcome-file-list>
    </web-app>
      

      
      
       
       

         
       

         
       
      



    源码下载:http://file.javaxxz.com/2014/10/13/035236093.zip
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-6-4 01:20 , Processed in 0.427969 second(s), 48 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表