File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
The moose likes HTML, CSS and JavaScript and the fly likes how to disaply list in ajax from spring controller(mvc) Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "how to disaply list in ajax from spring controller(mvc)" Watch "how to disaply list in ajax from spring controller(mvc)" New topic

how to disaply list in ajax from spring controller(mvc)

mallikarjun patil

Joined: Jan 24, 2013
Posts: 1
I have developed an application using spring MVC. I am implemeting dashboard in it, which contains recently uploaded documents.
I want to display only 10 documents in a page and rest should come under pagination.
I am getting documents list through controller class, from there i'd like display the documents on a jsp page using Ajax.
But I am not getting how to display the documents(I am not getting response from ajax). Please find the below code and help me out.

in controller

@RequestMapping(value = "/fileList", method = RequestMethod.GET)
public @ResponseBody
List<File> fileList(HttpServletRequest req) {
Subject subject = SecurityUtils.getSubject();
Session session = subject.getSession();
User user1 = (User) session.getAttribute("objUser");
long userSesId = user1.getUserId();
int pageNumber=Integer.parseInt(req.getParameter("pageNo")) ;
List<File>files= dashboardService.listFiles(user1.getRoles().getRoleId(),pageNumber);
return files;


in jsp

<div class="dashboard">
<div class="dashboard_inner">
<div id="draggable1">
<div class="box">Recently Uploaded Documents</div>
<div class="slider">
<img src="../images/collapseminus.gif" />
<div class="internal">

<table cellpadding="0" cellspacing="2"
<th colspan="4"><h6>Recently Uploaded Documents</h6></th>
<tr style="background: #dbebf8;">
<!-- <td width="20px"> </td> -->
<td width="50px" id="center"><span>Type</span></td>
<td width="250px" id="center"><span>Name</span></td>
<td width="150px" id="center"><span>Creation Date</span></td>
<td width="300px" id="center"><span>Author</span></td>


<c:if test="${!empty lists}">
<c:forEach items="${lists}" var="FileList">
<c:when test="${FileList.contentType=='docx'}">
<img src="../images/word.jpg">
<c:when test="${FileList.contentType=='pdf'}">
<img src="../images/pdf.jpg">
<c:when test="${fn:toLowerCase(FileList.contentType)=='jpg'}">
<img src="../images/image.jpg">
<c:when test="${fn:toLowerCase(FileList.contentType)=='gif'}">
<img src="../images/image.jpg">
<c:when test="${fn:toLowerCase(FileList.contentType)=='png'}">
<img src="../images/image.jpg">
<c:when test="${fn:toLowerCase(FileList.contentType)=='bmp'}">
<img src="../images/image.jpg">
<c:when test="${FileList.contentType=='xlsx'}">
<img src="../images/xls.jpg">
<c:when test="${FileList.contentType=='xml'}">
<img src="../images/xml.jpg">
<img src="../images/others.png">
<c:set var="string" value="${FileList.creationDate}" />
<c:set var="start" value=" " />
<c:set var="subCreationDate"
value="${fn:substringBefore(string,start)}" />
<cut value="${FileList.fileName}"></cut> <sup
style="color: #ff0080;">New</sup>
<td id="center"><cut value="${subCreationDate}"></cut></td>
<td><cut value="${FileList.createdUser.userName}"></cut></td>
<c:if test="${empty lists}">
<h4 class="displayMessagePosition">
<cut value="There are no files to display.."></cut>
<c:if test="${!empty pageNosList}">
<c:forEach items="${pageNosList}" var="pageNo">

<INPUT TYPE=BUTTON onclick="updateContent('${pageNo}')">${pageNo}



in ajax

<script type="text/javascript">
var xmlHttp = null;
function updateContent(pageNo) {

try { // Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) { // Internet Explorer

try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {

try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
alert("Your browser does not support AJAX!");
return false;

xmlHttp.onreadystatechange = function() {


+ pageNo, true);


function populateActivitiesPno(pageNo) {
if (xmlHttp.readyState == 4) {
var lists = document.getElementById('draggable1');
var response = xmlHttp.responseText;
if (response.length > 0) {
lists = response;
} else {
lists = '';
document.getElementById('draggable1').value = lists;


thanks in advance
I agree. Here's the link:
subject: how to disaply list in ajax from spring controller(mvc)
It's not a secret anymore!