$.getJSON not retrieving data from Struts 2 Action Class to JSP Page

Question

I want to retrieve fields from Struts2 Action class in my jsp page.

My JavaScript code of JSP is able to trigger it's action class, but not showing set field value from action class to jsp page on calling the Id of supposed element through JavaScript.

My console is showing everything fine. I have gone through various examples & don't know why I run into same problem all time. I'm not able to figure out the exact problem.

Here is my code:

In new.jsp:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!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>getJSON example</title>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<s:select label="Category" id="category" name="category" list="{'Select','Animal','Bird'}"></s:select><br/>

<s:textfield label="Field1" id="field1" name="field1" ></s:textfield>

<script type="text/javascript">
$(document).ready(function(){
$(document).on('change','#category',function(){
var JScategory=$(this).val();
$.getJSON("getfield",
{category:JScategory},
function(data){
$('#field1').html(field);
});
}
);

});
</script>
</body>
</html>

In struts.xml:

 <package name="jsonpack" namespace="/" extends="json-default">
 
<action name="getfield" class="com.mobile.TestDropDown">
<result type="json" name="success"></result>
</action>

</package>

Action Class:

package com.mobile;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.db.AdDAO;
import com.opensymphony.xwork2.ActionSupport;

public class TestDropDown  extends ActionSupport{
    

        private String category;
        private String field;

        public String getCategory() {
        return category;
        }

        public void setCategory(String category) {
        this.category = category;
        }

        public String getField() {
        return field;
        }

        public void setField(String field) {
        this.field = field;
        }
@Override
public String execute() throws Exception {
System.out.println("cat:"+category);
if(category.equals("Animal")){
field="Tiger";
}else if(category.equals("Bird")){
field="Eagle";
}
return SUCCESS;
}
}

Why are you using textfield? Do you want to show tiger in textbox? — prem30488, Jun 29 '14 at 12:20
Please refer this example to load dynamic content. http://tech.learnerandtutor.com/dynamic-drop-down-list-with-struts-2-and-ajax/ http://tech.learnerandtutor.com/dynamic-drop-down-list-with-struts2-ui-tag-without-ajax-jquery/ — Rajeshkumar, Jul 02 '14 at 04:26

score 0 · Answer 1 · answered Jun 29 '14 at 12:22

0

I don't see where you are initializing your field JS variable in the line:

$('#field1').html(field);

What is the value of field here?

answered Jun 29 '14 at 12:22

rob

1,286
11
12

It should come upon selecting values from drop down and corresponding value should get set from Action class execute method. – Kumar Chandra Vart Jun 29 '14 at 12:43

prem30488 · Answer 2 · 2014-06-29T19:12:02.727

0

Every thing is ok just Use this

 $('#field1').val(data.field);

Instead of

 $('#field1').html(field);

Because the json returned with url

http://localhost:8083/yourProjectName/getfield?category=Bird is

{"category":"Bird","field":"Eagle"}

So to get Eagle in textbox we access variable data.field

 <script type="text/javascript">
      $(document).ready(function(){
           $(document).on('change','#category',function(){
                var JScategory=$(this).val();
                $.getJSON("getfield",
                {category:JScategory},
                function(data){
                     $('#field1').val(data.field);
                });
                }
           );
      });
 </script>

Also let us know if you get any error or it is not working.

edited Jun 29 '14 at 19:12

answered Jun 29 '14 at 12:25

prem30488

2,828
2
25
57

No, it's not solving anything. – Kumar Chandra Vart Jun 29 '14 at 13:07
The same code you posted is running in my pc. Instead of `$('#field1').html(field);` I changed it to `$('#field1').val(data.field);` and I am getting Tiger and Eagle in textbox in my pc. What's wrong in your code? – prem30488 Jun 29 '14 at 19:05
Make sure you have not changed code. Make sure you are using the same code as posted in this question. Because I have tested it and it is working in my pc. Try posting the url in browser and see json data. post it here what `json` data you've got. – prem30488 Jun 29 '14 at 19:16

Roman C · Answer 3 · 2014-06-29T18:49:43.453

0

The value from the category you should get as

var JScategory=$("#category").val();

and use

$.getJSON("<s:url namespace='/' action='getfield'/>", { category: JScategory })
.done(function(json) {
  console.log( "JSON Data: " + json );
  $("#field1").val(json.field);
})
.fail(function( jqxhr, textStatus, error ) {
  var err = textStatus + ", " + error;
  console.log( "Request Failed: " + err );
});

edited Jun 29 '14 at 18:49

answered Jun 29 '14 at 14:13

Roman C

49,761
33
66
176

Done but still no value i am getting in field. – Kumar Chandra Vart Jun 29 '14 at 15:16
What is the output in the console? – Roman C Jun 29 '14 at 15:40
It was showing only cat:Animal, cat:Bird upon selecting value from drop down , but after changing var JScategory=$("#category").val(); to var JScategory=$("#category").serialize(); and {category:JScategory} to {JScategory} I got console messages like cat:Animal Tiger by printing it. But still not getting any thing in my desired page. – Kumar Chandra Vart Jun 29 '14 at 16:12
Print what json data you get in the console. – Roman C Jun 29 '14 at 18:54

score 0 · Answer 4 · answered Jun 30 '14 at 06:45

it return json Object,so,you should do following steps,it works fine.

json Object contains key and value,so to need to iterate the your data.then set into your field.

     function(data) {
       //it is Json Data
        $.each(data,function(key,value){
               $('#field1').val(value);
          });
      });

score 0 · Answer 5 · answered Jul 02 '14 at 07:39

0

Are you missing your action suffix ? The default is .action

Try

$.getJSON("getfield.action",
     {category:JScategory},
      function(data){
        $('#field1').html(field);
 });

answered Jul 02 '14 at 07:39

Quincy

4,393
3
26
40

$.getJSON not retrieving data from Struts 2 Action Class to JSP Page

5 Answers5