Ajax 在 jsp 中显示来自 servlet 的数组列表答案

【问题标题】：Ajax to display arraylist from the servlet in jspAjax 在 jsp 中显示来自 servlet 的数组列表
【发布时间】：2015-02-07 06:06:49
【问题描述】：

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

jsp 页面的一部分，没有 ajax

<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 和 jstl 显示接收到的arraylist。

【问题讨论】：

标签： java ajax jsp servlets jstl

【解决方案1】：

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！

【讨论】：

【解决方案2】：

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

Pass data from Java Servlet to JSP?

【讨论】：