Products: Passing ArrayList from Spring controller class to AJAX

Initially I tried to pass ArrayList using GSON to AJAX but I could not do so. Then I bound the ArrayList in an object and then passed it to AJAX and then segregated the value to get each value individually.

Project Structure

web.xml
-------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
<servlet>
    <servlet-name>sdnext</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>/WEB-INF/config/sdnext-servlet.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>sdnext</servlet-name>
    <url-pattern>*.html</url-pattern>
</servlet-mapping>
<welcome-file-list>
    <welcome-file>index.html</welcome-file>
</welcome-file-list>
</web-app>

sdnext-servlet.xml
--------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:tx="http://www.springframework.org/schema/tx"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="
http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-3.2.xsd
http://www.springframework.org/schema/tx
http://www.springframework.org/schema/tx/spring-tx-3.2.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd
">

<context:component-scan base-package="com.login" />
<mvc:annotation-driven/>
<mvc:resources mapping="/resources/**" location="/resources/img" />
<mvc:resources mapping="/js/**" location="/js" />
<mvc:resources mapping="/css/**" location="/css" />

<mvc:annotation-driven>
    <mvc:message-converters>
        <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">
            <property name="prefixJson" value="true"/>
        </bean>
    </mvc:message-converters>
</mvc:annotation-driven>

<bean id="jspViewResolver"
class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="viewClass"
   value="org.springframework.web.servlet.view.JstlView" />
<property name="prefix" value="/WEB-INF/views/" />
<property name="suffix" value=".jsp" />
</bean>

<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="webBindingInitializer">
    <bean class="org.springframework.web.bind.support.ConfigurableWebBindingInitializer"/>
</property>
<property name="messageConverters">
    <list>
      <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"/>
    </list>
</property>
</bean>
</beans>

index.jsp
-----------------------------------------------

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form:form method="POST" action="ajaxPage.html">
     <table>
      <tr>
        <td colspan="2"><input type="submit" value="Submit"/></td>
       </tr>
   </table>
</form:form>

</body>
</html>

LoginController.java
-----------------------------------------------------------------

package com.login.controller;

import java.sql.Date;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Random;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import com.google.gson.Gson;
import com.login.bean.testArrayListInAjax;

@Controller
public class LoginController {

testArrayListInAjax obj1 = null;

@RequestMapping(value = "/ajaxPage")
public ModelAndView forwordLogin() {

return new ModelAndView("ajax");
}

@RequestMapping(value = "/ajax")
public @ResponseBody
String ShowUserDetails() {
Gson gson = new Gson();
ArrayList<String> t1 = new ArrayList<String>();
obj1 = new testArrayListInAjax();
obj1.setAr1();
t1 = obj1.getAr1();

return gson.toJson(obj1);
}

@RequestMapping(value = "/index", method = RequestMethod.GET)
public ModelAndView welcome() {

return new ModelAndView("index");
}
}

testArrayListInAjax.java
---------------------------------------------

package com.login.bean;

import java.util.ArrayList;

public class testArrayListInAjax
{

    ArrayList<String> ar1 = new ArrayList<String>();

    public ArrayList<String> getAr1()
    {
        return ar1;
    }

    public void setAr1()
    {
        ar1.add("ArrayValue1");
        ar1.add("ArrayValue2");
        this.ar1 = ar1;
    }


}

ajax.js
------------------------------

$(document).ready(function(){
callAjax();

});

function callAjax() {

$("#re").empty();
$.ajax({
       url : 'ajax.html',
       success : function(response) {

       var jsonType = JSON.parse(response);
        $.each(jsonType, function(key,value){

            alert("value 1" +value[0]);
            alert("value 2" +value[1]);

            for(var i = 0; i < value.length; i++)
                {
                $("#re").append("<tr><th>"+key.toUpperCase()+"</th><td>"+value[i]+"</td></tr>");
                }
        });
       }
   });
}

ajax.jsp
---------------------------------------

<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/ajax.js"></script>

</head>
<body>
<table id="re" border="2" cellspacing="4" cellpadding="4">

</table>

</body>
</html>

Now, run the application:
------------------------------------------------------

Products

Tuesday, 19 January 2016

Passing ArrayList from Spring controller class to AJAX

No comments:

Post a Comment