iterating with a scriptlet, can't get the values into js arr

[chris gar]

             
 var opText=new Array();
 var opVals=new Array();
<%
        String[][] operators = (String[][]) request.getAttribute("operators");
        if (operators != null) {
            for (int i = 0; i < operators.length; i++) {
                System.out.println(operators[i][0] + "  " + operators[i][1]);
//this prints to the command line just fine
            }
        }

        if (operators != null) {
            for (int j = 0; j < operators.length; j++) {
                %>
                        opText[<%=j%>] = <%=operators[j][0]%>;
                        opVals[<%=j%>] = <%=operators[j][1]%>;           

                 <%
            }
        }
//when I try to loop through the javascript array - everything is undefined
%>  

I don't understand why I cant load the javascript array with the values of the java array in the scriptlet.

I'm open to any other ways to get the data into the javascript array ??? I'm sure this is something stupid.

You help is appreciated.

[Paul Clapham]

And what's the output of that scriptlet? If you're using a browser to look at the result, then use View Source to actually see the source.

[Bear Bibeault]

... and when you do, chances are that you'll see that you are not generating valid JavaScript syntax.

(And really, scriptlets? In 2009?)

[David Newton]

Bear Bibeault wrote:(And really, scriptlets? In 2009?)

Being retro is cool... now lemme alone; I have some disco to take care of.

[Bear Bibeault]

David Newton wrote:Being retro is cool... now lemme alone; I have some disco to take care of.

Some retro is cool. A classic car, for example. But some is not, platform boots for example.

Scriptlets are the platform boots of JSP.

[chris gar]

Bear Bibeault wrote:... and when you do, chances are that you'll see that you are not generating valid JavaScript syntax.

(And really, scriptlets? In 2009?)

I'm quite aware that I'm not generating valid javascript syntax, thus my post. As for the scriptlets, I'm simply trying to get to the root of my problem.

I'm calling an action with asynchronous javascript. Based on a user's selection in selectBox1 (onSelect()), the options for selectBox2 are supposed to be populated. I'm able to target the action just fine with the appropriate data(option selected in selectBox1), but I don't know how to get the results (a String array) back in my javascript (where I'm manipulating the DOM) to get the correct options in selectBox2.

Any suggestions?

[Bear Bibeault]

There is no valid reason to be using scriptlets for new code in 2009.

You haven't really explained what you are doing very well. If you're just making an Ajax call to get the data to populate a select element, you can just return the data as a JSON construct and have the JavaScript use it to reconstruct the select element.

[chris gar]

Bear Bibeault wrote:There is no valid reason to be using scriptlets for new code in 2009.

You haven't really explained what you are doing very well. If you're just making an Ajax call to get the data to populate a select element, you can just return the data as a JSON construct and have the JavaScript use it to reconstruct the select element.

OK. I've abandoned the scriptlet route and tried to utilize json.

I'm still getting the results back from the action but I can't get the desired results to appear as the options in the select.

      
<script type="text/javascript"
            src="http://o.aolcdn.com/dojo/1.3.1/dojo/dojo.xd.js"></script>
    <script language="javascript" >

        function onchange_getOperators(optionId) {

            dojo.xhrGet( { //

                url: "../json/Ajax_operators.action?attributeId="+optionId.value,
                handleAs: "text",
                timeout: 5000,

                load: function(response, ioArgs) { //

                   dojo.byId("op1").innerHTML = response ; //
                    return response; //
                },

                error: function(response, ioArgs) { //
                    console.error("HTTP status code: ", ioArgs.xhr.status); //
                    return response; //
                }
            });
        }
    </script>  

              
            <tr>
                <td><s:select id="att1" name="attribute1" list="attributes" listKey="id" listValue="attributeName" onchange="javascript:onchange_getOperators(att1)"/></td>
                <td><s:select id="op1" name="operator1" list="#{'0':'=','1':'!=','2':'~','3':'LIKE','4':'<','5':'<=','6':'>','7':'>='}"/></td>
                <td><s:textfield id="attval1"  size="15" name="attributeValue1" /></td>
            </tr>
 

Here's the action

  
public class GenSearchAjaxAction extends ActionSupport{

    static Logger logger = Logger.getLogger("GenSearchAjaxAction");
    private String[][]operators = null;
    private long attributeId;


     public String getOps() {

        logger.info("!!!!!!!!!!!!!!!!!!!!!!!!!!!! In AJAXAttributeOperatorsAction and attributeId =  " + attributeId);
          ChangeTrackDAOInterface g = new ChangeTrackHibernateDAOImpl("data.domain.Attribute");
      Attribute att = (Attribute) g.getByPrimaryKey(new Long(attributeId));

        if (att.getAttributeType() == Attribute.DROPDOWNTYPE) {
            operators = new String[2][2];
            operators[0][0] = "=  ";
            operators[0][1] = "0";
            operators[1][0] = "!=  ";
            operators[1][1] = "1";
        }

        if ((att.getAttributeType() == Attribute.DATETYPE) || (att.getAttributeType() == Attribute.FLOATTYPE) || (att.getAttributeType() == Attribute.INTEGERTYPE)) {
            operators = new String[6][2];
            operators[0][0] = "=  ";
            operators[0][1] = "0";
            operators[1][0] = "!=  ";
            operators[1][1] = "1";
            operators[2][0] = "<  ";
            operators[2][1] = "4";
            operators[3][0] = "<=  ";
            operators[3][1] = "5";
            operators[4][0] = ">  ";
            operators[4][1] = "6";
            operators[5][0] = ">=  ";
            operators[5][1] = "7";
        }

        if (att.getAttributeType() == Attribute.TEXTTYPE) {
            operators = new String[4][2];
            operators[0][0] = "=  ";
            operators[0][1] = "0";
            operators[1][0] = "!=  ";
            operators[1][1] = "1";
            operators[2][0] = "LIKE";
            operators[2][1] = "3";
            operators[3][0] = "~";
            operators[3][1] = "4";

        }

      return ActionSupport.SUCCESS;

    }

    public void setAttributeId(long attributeId) {
        this.attributeId = attributeId;
    }

    public static void setLogger(Logger logger) {
        GenSearchAjaxAction.logger = logger;
    }

    public String[][] getOperators() {
        return operators;
    }

    public void setOperators(String[][] operators) {
        this.operators = operators;
    }


}
  

When a user selects a value from the dropdown att1, I want the dropdown op1 to display the results of the ajax call. The dropdown op1 contains operators for queries (=, !=, Like, etc.) Based on the type of attribute selected in the att1 dropdown, I want valid operators to appear (so for a float selection in att1, I don't want to display LIKE, etc). I will eventually do the same for the dropdown attval1 (which will require db lookup) but that should fall into place once I get op1 working.

I assume I need to do something else around "dojo.byId("op1").innerHTML = response ; " but I don't know what.
The results I get are
{"operators":[["= ","0"],["!= ","1"],["LIKE","3"],["~","4"]],"ops":"success"}

which certainly contains the data I need, but I don't know how to get [["= ","0"],["!= ","1"],["LIKE","3"],["~","4"]] of the result into the options of my select box. Certainly there is some call I can utilize rather than manually parsing.

Thanks again for your assistance.

[Bear Bibeault]

You do not need to parse JSON yourself. At worst, you use the JavaScript eval() method. However, jQuery and Prototype have the means to automatically parse the returning JSON for you and I'd be surprised (and dismayed) if Dojo did not. I'd check out what values can be supplied for the handleAs option.

Once parsed, you just have a normal JavaScript data structure what you can use to adjust the contents of the select element. Example code for doing so is all over the net as this sort of "dependent dropdown" capability is sort of the poster child for Ajax.