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！