利用MySQL，servlet，ajax和jQuery实现一个简单的注册

以下是一个使用MySQL数据库，Servlet作为后端服务，jQuery和Ajax实现无刷新注册的简单示例：

前端HTML和JavaScript代码 (index.html):




<!DOCTYPE html>
<html>
<head>
    <title>注册页面</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#registerForm').submit(function(e) {
                e.preventDefault();
                $.ajax({
                    url: 'RegisterServlet',
                    type: 'POST',
                    data: $(this).serialize(),
                    success: function(response) {
                        alert('注册成功: ' + response);
                    },
                    error: function() {
                        alert('注册失败');
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="registerForm">
        用户名: <input type="text" name="username" /><br />
        密码: <input type="password" name="password" /><br />
        <input type="submit" value="注册" />
    </form>
</body>
</html>

后端Servlet代码 (RegisterServlet.java):




import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;
 
public class RegisterServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        String password = request.getParameter("password");
 
        Connection conn = null;
        try {
            // 加载并注册JDBC驱动
            Class.forName("com.mysql.cj.jdbc.Driver");
            // 建立数据库连接
            conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/mydb", "myuser", "mypassword");
 
            // 创建一个preparedStatement
            String sql = "INSERT INTO users (username, password) VALUES (?, ?)";
            PreparedStatement ps = conn.prepareStatement(sql);
            ps.setString(1, username);
            ps.setString(2, password);
 
            // 执行查询
            int affectedRows = ps.executeUpdate();
 
            // 关闭连接
            ps.close();
            conn.close();
 
            if (affectedRows > 0) {
                response.getWriter().write("注册成功");
            } else {
                response.getWriter().write("注册失败");
            }
        } catch (Exception e) {
            e.printStackTrace();
            response.getWri

利用MySQL，servlet，ajax和jQuery实现一个简单的注册

评论已关闭

推荐阅读