首页 / JQUERY / html,jquery,ajax,servlet,mysql实现前端数据写入数据库

html,jquery,ajax,servlet,mysql实现前端数据写入数据库

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html,jquery,ajax,servlet,mysql实现前端数据写入数据库，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3096字，纯文字阅读大概需要5分钟。

内容图文

Myeclipse下新建WebProject项目

程序仅实现前端传数据到后端写入数据库

前端html代码：

<!DOCTYPE html>
<html>
  <head>
    <title>register.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
          
  <body>
<label>用户名：</label><input id="name" name="name" type="text" />
          <label>密码：</label><input id="password" name="password" type="password" />
          <input id="register" type="button" value="注册"/>
  </body>
  <script type="text/javascript" src="js/jquery-3.2.1.js"></script>  
  <script>
          $("#register").click(function(){
              var name=$("#name").val();
              var password=$("#password").val();
              if(name!=""&&password!=""){  
            $.ajax({  
                type:"POST",  
                url:"add",  
                dataType:"JSON",  
                data:{  
                    "name":name,  
                    "password":password, 
                }
            })  
        }else{  
            alert("请检查您的输入！");  
        } 
          })
          
  
  </script>
</html>

后端Servlet代码：

            package
             com.jquery.register;


            import
             java.io.IOException;

            import
             java.io.PrintWriter;

            import
             java.sql.Connection;

            import
             java.sql.DriverManager;

            import
             java.sql.PreparedStatement;

            import
             java.sql.ResultSet;

            import
             java.sql.SQLException;


            import
             javax.servlet.ServletException;

            import
             javax.servlet.http.HttpServlet;

            import
             javax.servlet.http.HttpServletRequest;

            import
             javax.servlet.http.HttpServletResponse;


            public
            class add extends HttpServlet {

    publicvoid destroy() {
        super.destroy(); 
    }
    publicvoid doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
            doPost(request,response);
    }
    publicvoid doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        request.setCharacterEncoding("utf-8"); 
         response.setCharacterEncoding("utf-8");
         Connection conn = null;
         PreparedStatement stmt = null;
         ResultSet rs = null;
         String name=request.getParameter("name");
         String password=request.getParameter("password");
         String drive = "com.mysql.jdbc.Driver";
         System.out.println("ajax后台交互成功");  
         try{
             Class.forName(drive);
             conn = DriverManager
                     .getConnection("jdbc:mysql://localhost:3306/test?user=root&password=123");
             System.out.println("数据库连接成功");
             String sql="insert  into user_table(name,password)";
             sql+=" values(?,?)";
             stmt = conn.prepareStatement(sql);
             stmt.setString(1,name);
             stmt.setString(2,password);
             stmt.executeUpdate();
             System.out.println("success");
//        out.flush();
//        out.close();
    }catch (ClassNotFoundException e) {
            e.printStackTrace();
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            try {
                //注意关闭原则：从里到外if (rs != null) {
                        rs.close();
                    }
                    if (stmt != null) {
                        stmt.close();
                    }
                    if (conn != null) {
                        conn.close();
                    }
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
    }
    publicvoid init() throws ServletException {
        // Put your code here    }

}

截图：

 技术分享图片

 

 

技术分享图片

 

原文：http://www.cnblogs.com/liurg/p/7910420.html

内容总结

以上是互联网集市为您收集整理的html,jquery,ajax,servlet,mysql实现前端数据写入数据库全部内容，希望文章能够帮你解决html,jquery,ajax,servlet,mysql实现前端数据写入数据库所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1150922.html

来源：【匿名】