[英]Ajax to display arraylist from the servlet in jsp
I have a JSP
page which receives a list from a servlet
and displays it using JSTL
.I want to send the request using ajax
. 我有一个
JSP
页面,该页面从servlet
接收列表并使用JSTL
显示它。我想使用ajax
发送请求。 How to get the list from the servlet
and display using using ajax
now. 现在如何使用
ajax
从servlet
获取列表并进行显示。
part of jsp
page without ajax 没有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
Here is my servlet
code 这是我的
servlet
代码
request.setAttribute("statusdisplay", statuslist);
RequestDispatcher requestdispatcher=request.getRequestDispatcher("/Status.jsp");
requestdispatcher.forward(request,response);
how to send the form data to servlet using ajax and display the received arraylist
using ajax and jstl. 如何使用ajax将表单数据发送到servlet,以及如何使用ajax和
arraylist
显示接收到的arraylist
。
You don't need to use ajax to show the list. 您不需要使用ajax来显示列表。 You have to create a servlet that gets the data and then go to a JSP to show it.
您必须创建一个获取数据的servlet,然后转到JSP进行显示。 You can see an example of sending data from a servlet to a JSP here:
您可以在此处查看将数据从servlet发送到JSP的示例:
ajax simple code 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
}
}
note: in servlet,you must out.println() what is you want. 注意:在servlet中,您必须out.println()您想要什么。 this is very easy ajax code, you just know what is ajax!
这是非常简单的ajax代码,您只知道什么是ajax!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.