Ajax从jsp中的servlet显示arraylist

Question

我有一个JSP页面，该页面从servlet接收列表并使用JSTL显示它。我想使用ajax发送请求。 现在如何使用ajax从servlet获取列表并进行显示。

没有ajax的jsp页面的一部分

<form action="StatusServlet" method="post">
 <div class="bfh-datepicker" data-name="datepicker" data-format="d-m-y" data-date="today" data-align="right" id="datepicker">
    </div>


<hr class="soften">
<h5><strong>Screen</strong></h5>
<div class="checkbox">
    <label>
            <input type="checkbox" name="Screen" value="1">
            Screen1
    </label>
</div>
//remaining code here
</form>

<div class="col-md-10 col-sm-9 col-xs-12">

        <c:forEach items="${statusdisplay}" var="statuslist">

            <div class="row">
                <div class="col-md-6 col-sm-12 col-xs-12">
                    <div class="input-group  col-xs-12">
                            <span class="input-group-addon iga">Screen</span>
                            <input type="text" class="form-control" value= "${statuslist.screen}" readonly>
                    </div><br>

                    <div class="input-group col-xs-12">
                            <span class="input-group-addon iga">Total Seats A</span>
                            <input type="text" class="form-control" value="${statuslist.seatsA}" readonly>
                    </div><br>

                    <div class="input-group col-xs-12">
                            <span class="input-group-addon iga">Total Seats B</span>
                            <input type="text" class="form-control" value="${statuslist.seatsB}" readonly>
                    </div><br>

                    <div class="input-group col-xs-12">
                            <span class="input-group-addon iga">Show</span>
                            <input type="text" class="form-control"  value="${statuslist.show}" readonly>
                    </div><br>  
                </div>
                <div class="col-md-6 col-sm-12 col-xs-12">
                    <div class="input-group col-xs-12">
                            <span class="input-group-addon iga">Class A Price</span>
                            <input type="text" class="form-control" value="${statuslist.priceA}" readonly>
                    </div><br>

                    <div class="input-group col-xs-12">
                            <span class="input-group-addon iga">Class B Price</span>
                            <input type="text" class="form-control" value="${statuslist.priceB}" readonly>
                    </div><br>

                    <div class="input-group col-xs-12">
                            <span class="input-group-addon iga">Start Time</span>
                            <input type="text" class="form-control" value="${statuslist.start_time}" readonly>
                    </div><br>
                    <div class="input-group col-xs-12">
                            <span class="input-group-addon iga">End Time</span>
                            <input type="text" class="form-control" value="${statuslist.end_time}" readonly>
                    </div><br>
                </div>
            </div>

//remaining code code

这是我的servlet代码

request.setAttribute("statusdisplay", statuslist);

            RequestDispatcher requestdispatcher=request.getRequestDispatcher("/Status.jsp");
            requestdispatcher.forward(request,response);

如何使用ajax将表单数据发送到servlet，以及如何使用ajax和arraylist显示接收到的arraylist 。

Answer 1

您不需要使用ajax来显示列表。 您必须创建一个获取数据的servlet，然后转到JSP进行显示。 您可以在此处查看将数据从servlet发送到JSP的示例：

将数据从Java Servlet传递到JSP？

Answer 2

Ajax简单代码

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

xmlhttp.open("GET","servlet.do",true);//second param is your servlet url
xmlhttp.send();

//callback
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    var result = xmlhttp.responseText; //this is what you want
    }
  }

注意：在servlet中，您必须out.println（）您想要什么。 这是非常简单的ajax代码，您只知道什么是ajax！