Forum:

Servlets

How to retrieve “Grouped” items from HTML form using Servlet?

Yohan Weerasinghe

Ranch Hand

Posts: 507

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

First of all, I have posted this question in here but not satisfied with the answers.

I am having an issue with retrieving "grouped" data from HTML form to servlet. I will describe the scenario below.

In companies, they record the salary of the employees once a month.When they record it, they do not do it by visiting each an every employees personal "profile" (or whatever according to the system). Instead what they do is apply the salaries of all of them in one page.

To do the above thing they prefer excel like tabular sheets.

Now, I have a html form, where the form content is a table. One row is dedicated to a one employee.

Below is my form.

<!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>JSP Page</title>
        </head>
        <body>
            <h1>Hello World!</h1>
            <form method="post" action="EmployeeSampleServlet">
                <table border="1" style="width:100%">
                    <thead>
                        <th>Name</th>
                        <th>Position</th>
                        <th>Salary</th>
                    </thead>
                    <tbody name="tableBody" value="1">
                        <tr>
                            <td><input type="text" name="nameTxt" style="width:100%"/></td>
                            <td><input type="text" name="positionTxt" style="width:100%"/></td>
                            <td><input type="text" name="salaryTxt" style="width:100%"/></td>
                        </tr>
                    </tbody>
                    <tbody name="tableBody" value="2">
                        <tr>
                            <td><input type="text" name="nameTxt" style="width:100%"/></td>
                            <td><input type="text" name="positionTxt" style="width:100%"/></td>
                            <td><input type="text" name="salaryTxt" style="width:100%"/></td>
                        </tr>
                    </tbody>
                    <tbody name="tableBody" value="3">
                        <tr>
                            <td><input type="text" name="nameTxt" style="width:100%"/></td>
                            <td><input type="text" name="positionTxt" style="width:100%"/></td>
                            <td><input type="text" name="salaryTxt" style="width:100%"/></td>
                        </tr>
                    </tbody>
                    <tbody name="tableBody" value="4">
                        <tr>
                            <td><input type="text" name="nameTxt" style="width:100%"/></td>
                            <td><input type="text" name="positionTxt" style="width:100%"/></td>
                            <td><input type="text" name="salaryTxt" style="width:100%"/></td>
                        </tr>
                    </tbody>
                    <tbody name="tableBody" value="5">
                        <tr>
                            <td><input type="text" name="nameTxt" style="width:100%"/></td>
                            <td><input type="text" name="positionTxt" style="width:100%"/></td>
                            <td><input type="text" name="salaryTxt" style="width:100%"/></td>
                        </tr>
                    </tbody>
                </table>
                <br/>
                <input type="submit" value="Submit">
            </form>
        </body>
    </html>

As you can see, I have wrapped every row with a `<tbody>`. The `value` attribute of the `<tbody>` will contain the employee id.

Once the form is submitted, the below servlet will capture it.

import java.io.IOException;
    import java.io.PrintWriter;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class EmployeeSampleServlet extends HttpServlet {
    
       
        protected void processRequest(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            response.setContentType("text/html;charset=UTF-8");
            PrintWriter out = response.getWriter();
            
            String[]empId = request.getParameterValues("tableBody");
            
            for(int i=0;i<empId.length;i++)
            {
                out.println(empId[i]);
            }
           
        }
    
        // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">
        /**
         * Handles the HTTP <code>GET</code> method.
         *
         * @param request servlet request
         * @param response servlet response
         * @throws ServletException if a servlet-specific error occurs
         * @throws IOException if an I/O error occurs
         */
        @Override
        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            processRequest(request, response);
        }
    
        /**
         * Handles the HTTP <code>POST</code> method.
         *
         * @param request servlet request
         * @param response servlet response
         * @throws ServletException if a servlet-specific error occurs
         * @throws IOException if an I/O error occurs
         */
        @Override
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            processRequest(request, response);
        }
    
        /**
         * Returns a short description of the servlet.
         *
         * @return a String containing servlet description
         */
        @Override
        public String getServletInfo() {
            return "Short description";
        }// </editor-fold>
    
    }

What I was trying is get the `value` attribute of `<tbody>` (so I can identify the id of the employee) and get the data inside that `<tbody>`. However this didn't work, because I ended up with `NullpointerException` because it failed to read the `<tbody>` value.

So, how can I pass the data from table to servlet where it can clearly understand that one row is representing data belong to a one employee? If this is not the way to do it, I am also open for other methods.

Are you better than me? Then please show me my mistakes..

J. Kevin Robbins

Bartender

Posts: 1810

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Perhaps you should explain why you are not satisfied with the answers you got on SO. The first response explains it pretty clearly. You need unique name values for each field and appending an employee id as the table is built seems like the best way to me.

And incidentally, having multiple tbody elements in one table is invalid html and will only cause you problems.

"The good news about computers is that they do what you tell them to do. The bad news is that they do what you tell them to do." -- Ted Nelson

Christian Taylor

Greenhorn

Posts: 8

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

J. Kevin Robbins wrote:And incidentally, having multiple tbody elements in one table is invalid html and will only cause you problems.

This appears to be incorrect. According to the specs for both HTML 5 and HTML 4, a table may contain multiple tbody elements.

Bear Bibeault

Sheriff

Posts: 67645

173

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Rgeardless, they are completely unnecessary and overcomplicate the markup needlessly, and the name attribute usage upon them is invalid.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

J. Kevin Robbins

Bartender

Posts: 1810

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Christian Taylor wrote:

J. Kevin Robbins wrote:And incidentally, having multiple tbody elements in one table is invalid html and will only cause you problems.

This appears to be incorrect. According to the specs for both HTML 5 and HTML 4, a table may contain multiple tbody elements.

That's interesting. I stand corrected, but now I'm wondering why you would want to do that.

"The good news about computers is that they do what you tell them to do. The bad news is that they do what you tell them to do." -- Ted Nelson

Christian Taylor

Greenhorn

Posts: 8

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

J. Kevin Robbins wrote:

Christian Taylor wrote:

J. Kevin Robbins wrote:And incidentally, having multiple tbody elements in one table is invalid html and will only cause you problems.

This appears to be incorrect. According to the specs for both HTML 5 and HTML 4, a table may contain multiple tbody elements.

That's interesting. I stand corrected, but now I'm wondering why you would want to do that.

Grouping of rows could be useful in some scenarios, for styling purposes or possibly manipulating the DOM to sort or move groups of rows more easily than each related row individually. Bear is certainly correct that they don't help anything in this situation and they are being used in an invalid way, so I'll leave it at that and not take this any further off-topic from Yohan's original question.

Yohan Weerasinghe

Ranch Hand

Posts: 507

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The answer in SO really worked. Thanks for the help guys.

Are you better than me? Then please show me my mistakes..

pie. tiny ad:

Building a Better World in your Backyard by Paul Wheaton and Shawn Klassen-Koop

https://coderanch.com/wiki/718759/books/Building-World-Backyard-Paul-Wheaton