Guide on using Ajax to transmit data to Struts2 action class

Question

Guide on using Ajax to transmit data to Struts2 action class

In my Struts2 web application, I have the following files:

member.jsp:

<script type="text/javascript">    
    String str1 = "aaa";
    String str2 = "bbb";

    xmlhttp.open("GET", "http://localhost:8080/project/editprofile.action", true);
    xmlhttp.send(null); 
</script>

struts.xml:

<action name="editprofile" method="editProfile" class="controller.ControllerSln">
    <result name="success" type="stream">
        <param name="contentType">text/html</param>
        <param name="inputName">inputStream</param>
    </result>
</action>

ControllerSln.java:

public String editProfile() throws UnsupportedEncodingException {
    return SUCCESS;
}

I am looking for a way to use Ajax to send the strings "aaa" and "bbb" to the

controller.ControllerSln#editProfile()

method. Can anyone assist with accomplishing this task?

javascript ajax jsp struts2

Answer 1

Answer №1

Your ControllerSln contains two String attributes named str1 and str2. Eclipse will automatically generate their getter and setter methods for you. Next, your action should look like this: http://localhost:8080/project/editprofile.action?str1="+str1+"&str2="+str2; When the action is initiated, Struts will detect these parameters based on their matching names. You can view the values of str1 and str2 by printing them in your editProfile() method.

Answer 2

Your ControllerSln contains two String attributes named str1 and str2. Eclipse will automatically generate their getter and setter methods for you. Next, your action should look like this: http://localhost:8080/project/editprofile.action?str1="+str1+"&str2="+str2; When the action is initiated, Struts will detect these parameters based on their matching names. You can view the values of str1 and str2 by printing them in your editProfile() method.

Answer 3

Answer №2

Provide the full javascript ajax call code in case of simple javascript

<script type="text/javascript>
        function sendRequest()
        {
            var xhr;
            if (window.XMLHttpRequest)
            {
                xhr = new XMLHttpRequest();
            }
            else
            {// Code for IE6, IE5
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            if (typeof xhr == "undefined")
            {
                responseDiv.innerHTML = "<h1>XMLHttp cannot be created!</h1>";
            }

            else {

                var param1 = "aaa";
                var param2 = "bbb";

                var params = '?param1=' + param1 + '&param2=' + param2;
                var requestUrl = 'sendData' + params;

                xhr.open("GET", requestUrl, true);
                xhr.onreadystatechange = function ()
                {
                    if (xhr.readyState == 4 && xhr.status == 200)
                    {
                        document.getElementById("ResultDisplay").innerHTML = xhr.responseText;
                        // ResultDisplay div where you want to show the AJAX response
                    }
                }

                xhr.send();
            }
        }
</script>

}

Answer 4

Provide the full javascript ajax call code in case of simple javascript

<script type="text/javascript>
        function sendRequest()
        {
            var xhr;
            if (window.XMLHttpRequest)
            {
                xhr = new XMLHttpRequest();
            }
            else
            {// Code for IE6, IE5
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            if (typeof xhr == "undefined")
            {
                responseDiv.innerHTML = "<h1>XMLHttp cannot be created!</h1>";
            }

            else {

                var param1 = "aaa";
                var param2 = "bbb";

                var params = '?param1=' + param1 + '&param2=' + param2;
                var requestUrl = 'sendData' + params;

                xhr.open("GET", requestUrl, true);
                xhr.onreadystatechange = function ()
                {
                    if (xhr.readyState == 4 && xhr.status == 200)
                    {
                        document.getElementById("ResultDisplay").innerHTML = xhr.responseText;
                        // ResultDisplay div where you want to show the AJAX response
                    }
                }

                xhr.send();
            }
        }
</script>

}

Guide on using Ajax to transmit data to Struts2 action class

Answer №1

Answer №2

Similar questions

Failure to inherit props in child components when using React-Redux

Is it possible to Use Vuejs 2 to Update MathJax dynamically?

Issue with Jquery UI draggable positioning in a specific Reveal.js slide

Enhancing Highcharts: Extending Tooltip Functionality

Create a server directory structure that populates multiple HTML dropdown lists using either jQuery or AJAX

HTML5 canvas processing causing web worker to run out of memory

Updating a Mongoose document without overwriting existing values using FindOneAndUpdate

How can I open a new window, redirect the current one, and bring focus to the new window using JavaScript?

Ways to retrieve the content of a text box within a cell

Using TypedArray as a parameter in a Cordova plugin

Troubleshooting issues with hint functionality and fullscreen mode in CodeMirror within a jQuery layout

Disregard any labels when it comes to clickable areas for mouse events

How can I render just one event instead of all events when using the eventRender callback function?

Utilizing the power of Vue 2 and NuxtJS to effortlessly customize the appearance of child components

What steps can be taken to guarantee that React updates occur in the correct order?

Popper.js failing to initialize during page load

Tips for integrating JavaScript libraries with TypeScript

Has anyone figured out the issue with Uplodify? It suddenly ceased to function

Update and remove data using JavaScript in a Spine.js application

Expand the HTML Template and Resize Children to Fit the Window