检索在JSP中使用AJAX发送的对象数组

Question

With respect to this question pass array of objects to jsp , how do you retrieve the results in JSP?

The question is, I have this in my Javascript:

data = [
    {
    id: "333",
    date: "22/12/2015"
    },
    {
      id: "333",
      date: "22/12/2015"
    }]

$.post(eval.jsp, {data:data}, function(){}, "json");

How do i recover data in eval.jsp. I tried

request.getParameterValues("data");

But the value returned is null . This is not the value passed of course as can be seen in the headers (using Chrome).

Answer 1

You can use a dynamic table or Foreach to show data in it . Example:

<table id="allStudent" class="table table-bordered">
                <thead>
                <tr>
  <th>FirstName</th>
  <th>LastName</th>
  <th>studentCode</th>
  <th>Major</th>
 <th>FatherName</th>
 <th>id</th>
  <th>Action</th>
     </tr>
        </thead>
           <tbody id="tmplBody">
            <script id="scriptTmp">

               <tr id="deleteTr" >

           <td>
                  ${firstName}

             <td>
                 ${lastName}
                 </td>
                        <td>
                            ${studentCode}
                        </td>
                        <td>
                            ${major}
                        </td>
                        <td>
                            ${fatherName}
                        </td>
                         <td>
                            ${id}
                        </td>
                        <td>

                            <button id="updateStudent" class="btn btn-success"><i class="fa fa-pencil" style="padding-right: 10px;"></i>
                                Update
                            </button>

                            <a href="#" type="button"  class="btn btn-danger deletebtn" role="button" onclick="deleteSt(${id})"><i class="fa fa-trash" style="padding-right: 10px;"></i>
                                Delete
                            </a>
                            <button  class="btn btn-info" role="button"><i class="fa fa-check" style="padding-right: 10px;"></i>Course
                                Selection
                            </button>
                        </td>
                    </tr>

                    </script>
                </tbody>


            </table>

        </div>