获取数组列表从servlet来JSP作为Ajax响应 [英] Getting arraylist from servlet to jsp as ajax response

问题描述

我有这样的code在我Sevlet

I have this code in my Sevlet

public class ServletName extends HttpServlet{

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

  PrintWriter out = response.getWriter();
  ArrayList al= new ArrayList<Employee>();
  al = ApproverDao.requestGetter();  
  String json = new Gson().toJson(al);
  response.setContentType("application/json");
  response.setCharacterEncoding("UTF-8");
  out.write(json);
}

这是JSP

<script type="text/javascript">
$(document).ready(function() {
$("#approve_btn").click(function() {
  var remarks =$('[name="result_decide"]').val();
  $.post("/ServletName/decision.do", {result_decide : remarks},
       function(responseJson) {
     var $table = $('<table>').appendTo($('#tabs-4')); 
      $.each(responseJson, function(index, employee) {    
       $('<tr>').appendTo($table)                
         .append($('<td>').text(employee.eName))       
         .append($('<td>').text(employee.fromDate))    
         .append($('<td>').text(employee.toDate));

});
  });
});
</script>

该bean：

class Employee{
private String eName;
private Date fromDate;
private Date toDate;
//setters and getters
}

我如何保存这 ArrayList的人在我的JSP这是作为数据存储在Ajax响应，并打印其内容在动态创建的表？

How do I store this ArrayList al in my JSP which comes as data in the AJAX response and print it's contents in a dynamically created table?

推荐答案

尝试下面code使用JSON的ArrayList从servlet返回来创建动态表。

Try below code to create dynamic table using the Json ArrayList returned from your servlet.

$.getJSON('/ServletName/decision', function(data) {
    var table = $('<table/>').appendTo($('.adminlist'));
    $('<tr/>').appendTo(table)
              .append($('<th/>').text("Employee Name"))
              .append($('<th/>').text("To Date"))
              .append($('<th/>').text("From Date"));

    data.forEach(function(x, i) {
        var stat = data[i];
        $('<tr/>').appendTo(table)
                  .append($('<td/>').text(stat.eName))
                  .append($('<td/>').text(stat.fromDate))
                  .append($('<td/>').text(stat.toDate));
    });
});

好像你在code错过的是，你是不是追加所创建的表的DOM元素（DIV）的东西。

It seems like the thing you missed in your code is, you are not appending the created table to any DOM element (DIV).

这篇关于获取数组列表从servlet来JSP作为Ajax响应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！