一个涉及JSP，Servlet，JavaScript，JQuery，AJAX的简易原生，增删改查的Java Web项目

最新推荐文章于 2022-08-29 15:25:22 发布

大脸傻傻猴

最新推荐文章于 2022-08-29 15:25:22 发布

阅读量466

点赞数 2

文章标签： ajax jsp java

本文链接：https://blog.csdn.net/originalone/article/details/112969086

版权

本文记录了一个Java Web初学者从头实现的增删改查系统，前端使用JSP、JavaScript和JQuery，通过AJAX与后台Servlet交互。详细介绍了如何利用JSON实现前后端分离，以及在JSP中使用AJAX进行数据通信的步骤和理解。

摘要由CSDN通过智能技术生成

前言

众所周知，想要学好Java Web的最好方式就是自己动手写一个简单的增删改查系统。增删改查写好了，80%的应用场景也都覆盖的差不多了，而且Java Web涉及数据库等操作，所以会有较大提高。本人正在学习Java Web，由于基本是个小白，所以也整个整理下来，记录一些我踩过的坑。本小项目未能使用框架，只是使用基本的一些语法实现。
不多bb，开写。

整体分析

前端采用JSP，JavaScript，使用的有JQuery，AJAX。后端采用Servlet。

在此之前，我已经完成了一个非常简陋的增删改查系统。

在JSP中使用表单，提交给Servlet，然后在Servlet里使用JDBC和数据库通信，然后直接跳回JSP，就像这样：

   <form action="AddClientInfo" method="GET"> 这里AddClientInfo就是要跳转的Servlet
	   <input type="text" name="id" placeholder="请输入ID">
	   <input type="text" name="name"  placeholder="请输入姓名">
	   <input type="text" name="phone"  placeholder="请输入电话">
	   <input type="submit" value="确认添加">
   </form>

后期发现，这个表单其实很鸡肋，因为一旦submit，就会跳到Servlet中，模式很固定。
至于Servlet中的JDBC则是这样（也是直接照搬了其他博主的写法hhh）：

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
   
        // 设置响应内容类型
        response.setContentType("text/html;charset=UTF-8");
        
        final String URL = "jdbc:mysql://localhost:3306/mydb";
        final String USER = "root";
        final String PASSWORD = "980920";                
        try {
   
                //1.加载驱动程序，需要下载并将jar包放在WEB-INF目录下，然后build
                Class.forName("com.mysql.cj.jdbc.Driver");//加载数据驱动
                //2. 获得数据库连接
                Connection conn = DriverManager.getConnection(URL, USER, PASSWORD);
                //3.操作数据库，实现增删改查
                String sql1 = request.getParameter("id");
                String sql2 = request.getParameter("name");
                String sql3 = request.getParameter("phone");
                String sql = "insert into client values(?,?,?)";

                PreparedStatement ptmt = conn.prepareStatement(sql);