Search code examples
javajsonservletsjakarta-ee

problem in running servlet by click on button in jsp file using json parameters

When I click on the button in index.jsp, the servlet dosen't run.(Nothing actually happens)

I installed jdk17 and intellij and tomcat9.

All thing I do is: When I run the project in chrome the address is : http://localhost:8080/test_register_war_exploded/

Then I fill the form and click on button but nothing happen.

index.jsp

            <form method="post">
            <table cellpadding="3pt">
                <tr>
                    <td>Firstname :</td>
                    <td><input type="text" name="firstname" size="50" class="add_register"/></td>
                </tr>
                <tr>
                    <td>Lastname :</td>
                    <td><input type="text" name="lastname" size="50" class="add_register"/></td>
                </tr>
                <tr>
                    <td>email :</td>
                    <td><input type="text" name="email" size="50" class="add_register"/></td>
                </tr>
                <tr>
                    <td>Password :</td>
                    <td><input type="password" name="password1" size="50" class="add_register"/></td>
                </tr>

                <tr>
                    <td>Confirm Password :</td>
                    <td><input type="password" name="password2" size="50" class="add_register"/></td>
                </tr>
            </table>
            <p />
            <input type="button" value="Register" id="register"/>
        </form>
        ...
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <script type="text/javascript">
      $(document).ready(function() {
        $("#register").click(function() {
        let data = [];
        let json = {};
        let address_data = {};
        $("input.add_register").each(function(){
             json[this.name] = this.value;
        });
      
        data.push(json);
        alert(JSON.stringify(data));
        $.ajax({
            url: '/register-controller',
            type: 'POST',
            data: data,
            dataType: 'json',
            contentType: 'application/json',
            mimeType: 'application/json',
        });
    });
});

RegisterController.java

@WebServlet(name = "registerController", value = "/register-controller")
public class RegisterController extends HttpServlet {
private UserJsonUtils jsonUtils;
private User data;
private UserDao userDao;
final String userPath = "src/model/user/users.json";
public void init() {
    jsonUtils = new UserJsonUtils();
    userDao = new UserDao();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    data = jsonUtils.parseJson(request.getParameter("data"));
    register();
}
public void register() {
    User user = new User(data.getFirstName(),
            data.getLastName(),
            data.getEmail(),
            data.getPassword());
    userDao.save(user);
}

}

UserDao.java

public class UserDao implements IUser {
@Override
public void save(User user) {
    Connection con = dbConnection.makeConnection();
    PreparedStatement ps = null;
    try {
        ps = con.prepareStatement("insert into users (first_name,last_name, email, password) " +
                        "values(?,?,?,?);",
                Statement.RETURN_GENERATED_KEYS);
        ps.setString(1, user.getFirstName());
        ps.setString(2, user.getLastName());
        ps.setString(3, user.getEmail());
        ps.setString(4, user.getPassword());

        int k = ps.executeUpdate();
        if (k > 0) {
            ResultSet rs = ps.getGeneratedKeys();
            while (rs.next()) {
                user.setId(rs.getLong(1));
            }
        }

    } catch (SQLException e) {
        e.printStackTrace();
    }

    dbConnection.closeConnection(ps);
    dbConnection.closeConnection();
}

UserJsonUtils.java

public class UserJsonUtils {
private User data;

public UserJsonUtils() {
}

public User getData() {
    return data;
}

public void setData(User data) {
    this.data = data;
}

public User parseJson(String params) {
    Gson gson = new Gson();
    data = gson.fromJson(params, User.class);
    if (data != null)
        return data;
    else
        return null;
}
public void writeToFile(String path, User user) throws IOException {
    Gson gson = new Gson();
    gson.toJson(user, new FileWriter(path));
}

}

I added my output image to show that nothing happened when the button was clicked.

When I click on button, the page is like below

pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
 https://maven.apache.org/xsd/maven-4.0.0.xsd">
   <modelVersion>4.0.0</modelVersion>

<groupId>com.example</groupId>
<artifactId>test-register</artifactId>
<version>1.0-SNAPSHOT</version>
<name>test-register</name>
<packaging>war</packaging>

<properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.target>1.8</maven.compiler.target>
    <maven.compiler.source>1.8</maven.compiler.source>
    <junit.version>5.8.2</junit.version>
</properties>

<dependencies>
    <dependency>
        <groupId>jakarta.servlet</groupId>
        <artifactId>jakarta.servlet-api</artifactId>
        <version>5.0.0</version>
        <scope>provided</scope>
    </dependency>
    <dependency>
        <groupId>org.junit.jupiter</groupId>
        <artifactId>junit-jupiter-api</artifactId>
        <version>${junit.version}</version>
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>org.junit.jupiter</groupId>
        <artifactId>junit-jupiter-engine</artifactId>
        <version>${junit.version}</version>
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>com.google.code.gson</groupId>
        <artifactId>gson</artifactId>
        <version>2.9.1</version>
    </dependency>
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>8.0.33</version>
    </dependency>
 </dependencies>

 <build>
     <plugins>
         <plugin>
             <groupId>org.apache.maven.plugins</groupId>
             <artifactId>maven-war-plugin</artifactId>
             <version>3.3.2</version>
         </plugin>
     </plugins>
  </build>
</project>
Solution

  • It doesn't recognize your servlet because you have used a dependency on jakarta.servlet-api but your Tomcat server version is 9. You should change the Tomcat version to 10.x and higher to be able to run your application.

    <dependency>
        <groupId>jakarta.servlet</groupId>
        <artifactId>jakarta.servlet-api</artifactId>
        <version>5.0.0</version>
        <scope>provided</scope>
</dependency>