Skip to main content

Struts 2 with Ajax call example

Step 01. Create struts2 project

struts.xml

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE struts PUBLIC
        "-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN"
        "http://struts.apache.org/dtds/struts-2.1.7.dtd">

<struts>
    <package name="default" namespace="/" extends="struts-default">

        <action name="resourceBundleRequest" class="struts.ajax.AjaxCallAction"
                method="responseForAjaxCall">
            <result name="success">index.jsp</result>
        </action>

    </package>
</struts>

index.jsp


 <%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<head>
    <script type="text/javascript" src="/application/js/localization-ajax-calls.js"></script>
</head>

<s:form
        name="resourceForm"
        acceptcharset="UTF-8"
        enctype="multipart/form-data"
        method="GET"
        >

    <div>
        <button type="button" name="id" onclick="ValueChanged('/application/resourceBundleRequest.action?id=123');">Get response</button>
        <button type="reset">Clear</button>
    </div>
    <div>
        <div>
            <s:textarea name="valueEn" label="English"/>
        </div>
        <div>
            <s:textarea name="valueSi" label="Sinhala"/>
        </div>
        <div>
            <s:textarea name="valueTa" label="Tamil"/>
        </div>
        <div>
            <s:textarea name="description" label="Descripion"/>
        </div>
    </div>
</s:form>

ActionAjaxCall.class   (this is struts action class)


 package struts.ajax;

import com.opensymphony.xwork2.ActionSupport;
import org.apache.struts2.interceptor.ServletResponseAware;

import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class AjaxCallAction extends ActionSupport implements ServletResponseAware {

    HttpServletResponse response;
    private String id;

    public String responseForAjaxCall() {
        String messageXml = "Sinhala|Tamil|English|This is description";
        System.out.println("Ajax request receive with id : [" + id + "] and reply value : " + messageXml);
        response.setContentType("text/html;charset=UTF-8");
        response.setHeader("Cache-Control", "no-cache");
        try {
            response.getWriter().write(messageXml);
        } catch (IOException ioe) {
            ioe.printStackTrace();
        }
        return null;
    }

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    @Override
    public void setServletResponse(HttpServletResponse httpServletResponse) {
        this.response = httpServletResponse;
    }
}

Step 02 : Create javascript file with ajax calling via XmlHttpRequest

localization-ajax-call.js


 /*Ajax Request readyStates
 State  Description
 0      The request is not initialized
 1      The request has been set up
 2      The request has been sent
 3      The request is in process
 4      The request is complete*/

var xmlHttp;

/**
 * @return {boolean}
 */
function ValueChanged(url) {

    try {
        xmlHttp = new XMLHttpRequest();
    } catch (e) {
        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.open("POST", url, true);
    xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded;charset=UTF-8");
    xmlHttp.send(null);
    xmlHttp.onreadystatechange = showMessage
}

function showMessage() {
    if (xmlHttp.readyState == 4) {
        SetValues(xmlHttp.responseText);
    }
}

function SetValues(sRawData) {
    var arrData = sRawData.split("|");
    var oForm = document.forms["resourceForm"];
    oForm.elements["valueEn"].value = arrData[0];
    oForm.elements["valueSi"].value = arrData[1];
    oForm.elements["valueTa"].value = arrData[2];
    oForm.elements["description"].value = arrData[3];
}

 Example code available in git hub
View source code click here : https://github.com/malithmeee/struts2-ajax/

Clone the example source from github : https://github.com/malithmeee/struts2-ajax.git

Comments

Post a Comment

Popular posts from this blog

Prevent hot deployments memory leaks in Tomcat

Since we are mostly using Tomcat as App Container, it's making tough environment when deploying a patch or existing application without restarting tomcat server (Hot deployments) due to reaching the PermGen size due to memory leaks. Hence most of the cases we have to increase PermGen size more than required to deployed applications and it's wasting of memory in the system.  There is a solution for them to release PermGen size and let it clean by GC in JVM at hot deployment. Step 01: Include below dependency to pom.xml <dependency>               <groupId>se.jiderhamn.classloa der-leak-prevention</groupId>         <artifactId>classloader-leak-p revention-servlet</artifactId>   <version>2.2.0</version> </dependency> Step 02: Add listener to web.xml <listener>   <listener-class>se.jiderhamn.c lassloader.leak.prevention.Cla ssLoaderL...
Post a Comment
Read more

Jboss 5.1.0_GA, Maven, Mysql, EJB3, JSF2 sample

I thought to write this because of no completed sample found with using above technologies. Environment JDK 1.6 Jboss-5.1.0.GA JSF2 Maven 3 EJB3 Note : Please copy the mysql connector jar to Jboss lib e.x. I copied mysql-connector-java-5.1.29.jar to jboss-5.1.0.GA/server/default/lib Clone the sample from github here git clone https://github.com/malithmeee/library.git Build the entire project and copy the library.ear to Jboss server. Try to access the web page using http://localhost:8080/library.web/home.jsf Note : Database needed to be created, and change properties in relevant files.
Post a Comment
Read more

Birt Dynamic Table Creation from JDBC Mysql Connection with Maven

In this post refers how to create dynamic Birt reports using given customizing fields list using Birt Runtime 4.2.2 Step 01 : First need to download birt runtime. Download from here For view/Edit the rptdesign files, it's better to use Eclipes 4.2.2 Birt integration. Download eclipes here Step 02 : Extract the birt-runtime-4_2_2. and set the birt runtime home environment variable. e.g. in my case i'm set the environment variable in .bash_profile since i'm using Fedora. (we can specify the Birt home in java code as wel) export BIRT_HOME=/home/malith/usr/eclips/birt-runtime-4_2_2 Step 03 : Create Maven project and insert the dependency for Birt Runtime         <dependency>             <groupId>org.eclipse.birt.runtime</groupId>             <artifactId>org.eclipse.birt.runtime</artifactId>  ...
1 comment
Read more