accessing jsp array variable in javascript

Hi
i am having an array of objects in a jsp page.
i want to access that array in a function in javascript in the same jsp page.
could any one please tell me how to do that
regards
thanks.

<%-- 
    
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="abc.javabean.EmpJavaBean"%>

<%@page import="javax.servlet.ServletException"%>
<%@page import="javax.servlet.http.HttpServlet"%>
<%@page import="javax.servlet.http.*"%>
<%@page import="javax.servlet.RequestDispatcher"%>
<%@page import="java.util.*"%>
<!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=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
            //function for selecting the radio
            function validateRadio(fetchedArrayObject)
            {
                alert("hi");
                var thisone=-1;
                for(i=0;i<document.searchedEmpForm.radioGroup.length;i++)
                    {
                        if(searchedEmpForm.radioGroup[i].checked==true)
                            {
                                
                                thisone=i;
                                alert(thisone);
                                var name=fetchedArrayObject[i].getEmpName();
                                alert(name);
                                session.setAttribute("fetchedArrayObject[i]",fetchedArrayObject[i]);

}
                        
                    }
                if(thisone==-1)
                {
                    alert("you must select a radio Button");
                    return false;
                }

return true;
            }
        </script>
    </head>
    <body bgcolor="#8db6cd">
        
        <%
        //int a;
        EmpJavaBean fetchedArrayObject[]=new EmpJavaBean[4];
        fetchedArrayObject=(EmpJavaBean[])request.getAttribute("substituteArray");
        //a=fetchedArrayObject[0].getEmpNumber();
        %>
        
        <h3>ur new no is <%=fetchedArrayObject[0].getEmpNumber()%></h3><br>
        <form name="searchedEmpForm" action="/Precize/ManageUser" onsubmit="return validateRadio(fetchedArrayObject)">
        <br></br>
        <h2 align="center">Your Searched Result Is Here</h2>
        <br></br>
        <table border="1" align="center">
            <thead>
                <tr>
                    <th>   </th>
                    <th>   <input type="button" value="Emp#" name="searchedPageEmpNumb">   </th>
                    <th>   <input type="button" value="Name" name="searchedPageEmpName">   </th>
                    <th>   <input type="button" value="Priv" name="searchedPageEmpPriv">   </th>
                    <th>   <input type="button" value="Role" name="searchedPageEmpRole">   </th>
                    <th>   <input type="button" value="Start Date" name="searchedPageEmpStartDate">   </th>
                    <th>   <input type="button" value="End Date" name="searchedPageEmpEndDate">   </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="radio" name="radioGroup" value="r11" ></td>
                    <td><%=fetchedArrayObject[0].getEmpNumber()%></td>
                    <td><%=fetchedArrayObject[0].getEmpName()%></td>
                    <td><%=fetchedArrayObject[0].getEmpPrivilege() %></td>
                    <td><%=fetchedArrayObject[0].getEmpRole()%></td>
                    <td><%=fetchedArrayObject[0].getEmpStartdate()%></td>
                    <td><%=fetchedArrayObject[0].getEmpEndDate() %></td>
                </tr>
                <tr>
                    <td><input type="radio" name="radioGroup" value="r22" ></td>
                    <td><%=fetchedArrayObject[1].getEmpNumber() %></td>
                    <td><%=fetchedArrayObject[1].getEmpName() %></td>
                    <td><%=fetchedArrayObject[1].getEmpPrivilege() %></td>
                    <td><%=fetchedArrayObject[1].getEmpRole() %></td>
                    <td><%=fetchedArrayObject[1].getEmpStartdate() %></td>
                    <td><%=fetchedArrayObject[1].getEmpEndDate() %></td>
                </tr>
                <tr>
                    <td><input  type="radio" name="radioGroup" value="r33" ></td>
                    <td><%=fetchedArrayObject[2].getEmpNumber() %></td>
                    <td><%=fetchedArrayObject[2].getEmpName() %></td>
                    <td><%=fetchedArrayObject[2].getEmpPrivilege() %></td>
                    <td><%=fetchedArrayObject[2].getEmpRole() %></td>
                    <td><%=fetchedArrayObject[2].getEmpStartdate() %></td>
                    <td><%=fetchedArrayObject[2].getEmpEndDate() %></td>
                </tr>
            </tbody>
        </table>

<h3 align="center">Select the Employee To be Updated/deleted</h3>
        </form>
        
    </body>
</html>

Go through below code , it will help you.

Are you expecting that this will set a session attribute?? If yes, then I'm afraid you are wrong. You cannot set a session attribute through javascript directly. Session is stored on the server, so you'll have to contact the server to be able to set a session attribute...

You can do it using JSTL also.

Go through below code , it will help you.

In above code CustomFieldDetails is a String of objects which is set in request object.

Is there any other way we can solve this problem.

i also want to send the selected object to my servlet ManageUser.java
can any body help me.
actually i am very new to this servlet and jsp.....so any simple way will be highly apreciated from my side.

regards
thanks

rammie you'll have to make either an AJAX request to the server for that or submit the page. Can you please elaborate what you want to accomplish so that I could, well, write some code for you. I would also like to suggest you that you read a couple of books because it seems that you are very new to Servlets and JSP. That way you can understand things better

...

Hi ankit
thanks a lot for your support.
actually my main moto is.....

i have a jsp page searchedEmpPage.jsp
in this as it there in code a list of employees is displayed .These employee would be as object which are stored in an array fetchedArrayObject[] as mentioned there in my jsp page.

now i want to select one employee through radio button....and which ever employee(object) is selected through radio button ......that element(object) has to be passed to servlet.

my servlet here is ManageUser.java

i hope you got my problem.

regards
thanks

You need to STOP right now and learn how servlets, JSP and HTML work. What you are asking is nonsense. You can't mix Java statements with JavaScript, you can't "call" a servlet without submit a form or making an Ajax request, and you can't communicate with code in the JSP once it's executed.

This has been explained to you in your other posts and you are just wasting everyone's time, including your own, by posting the same mistakes over and over again.

For starters, you might want to read this article to get started on understanding how JSP works. Then find yourself a good book or tutorial.

Okay I know that this might seem wrong but I'm providing a complete solution to your problem.

First of all I hope that there is something like ID in your employee object which is represented as getEmpNumber i.e. the value in it is unique.

There were two solutions in my mind so I'm giving one of them (I know my code is very dirty but this is just a quick fix). Now here is the JSP

<%-- 
    
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="abc.javabean.EmpJavaBean"%>

<%@page import="javax.servlet.ServletException"%>
<%@page import="javax.servlet.http.HttpServlet"%>
<%@page import="javax.servlet.http.*"%>
<%@page import="javax.servlet.RequestDispatcher"%>
<%@page import="java.util.*"%>
<!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=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
             var empNumbersArr = new Array();
             var empNameArr = new Array();
             var empPriviledgeArr = new Array();
             var empRoleArr = new Array();
             var empStartDateArr = new Array();
             var empEndDateArr = new Array();

<br></br>
        <h2 align="center">Your Searched Result Is Here</h2>
        <br></br>
        <table border="1" >
             <thead>
                 <tr>
                     
                     <th>   </th>
                     <th>   <input type="button" value="Emp#" name="searchedPageEmpNumb">   </th>
                     <th>   <input type="button" value="Name" name="searchedPageEmpName">   </th>
                     <th>   <input type="button" value="Priv" name="searchedPageEmpPriv">   </th>
                     <th>   <input type="button" value="Role" name="searchedPageEmpRole">   </th>
                     <th>   <input type="button" value="Start Date" name="searchedPageEmpStartDate">   </th>
                     <th>   <input type="button" value="End Date" name="searchedPageEmpEndDate">   </th>
                 </tr>
             </thead>
             <tbody>
                 <%
                        //well I'm using scriptlet here cause I'm not good at JSTL, but you should not do this
                        for(int i = 0; i< fetchedArrayObject.length; i++) {
                            //now instead of putting the same code for displaying 4 employee records, we will just iterate over the loop
                 %>
                 <tr>
                     
                     <td><input type="radio" name="radioGroup" onClick="setVals('<%=i%>')"></td>
                     <td><%=fetchedArrayObject[i].getEmpNumber()%></td>
                     <td><%=fetchedArrayObject[i].getEmpName()%></td>
                     <td><%=fetchedArrayObject[i].getEmpPrivilege() %></td>
                     <td><%=fetchedArrayObject[i].getEmpRole()%></td>
                     <td><%=fetchedArrayObject[i].getEmpStartdate()%></td>
                     <td><%=fetchedArrayObject[i].getEmpEndDate() %></td>
                 </tr>
                 <%
                        }
                 %>
             </tbody>
         </table>

<h3 align="center">Select the Employee To be Updated/deleted</h3>
        </form>
        
    </body>
</html>

I think that should do it for the JSP but I've not tried running it. The server side code will be simple

Now you can do anything with these values in your servlet...

Thanks Ankit
thanks a lot i think this must solve my problem and sorry for all trouble.
thanks for the reference link also.

hi
sorry to disturb you guys
problem i am facing is ...i am unable to use sesssion.setAttribute() inside a function....here setSession function

Since i am using netbeans the error being shown is

canot find symbol
symbol : variable session
location : class SimplifiedJSPServlet

<%-- 
    Document   : searchedEmpPage
    Created on : Mar 25, 2009, 7:22:05 PM
    Author     : 258155
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="tcs.javabean.EmpJavaBean"%>

<%@page import="javax.servlet.ServletException"%>
<%@page import="javax.servlet.http.HttpServlet"%>
<%@page import="javax.servlet.http.*"%>
<%@page import="javax.servlet.RequestDispatcher"%>
<%@page import="java.util.*"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

</head>
    <body bgcolor="#8db6cd">
        
        <%!
        //int a;
        EmpJavaBean fetchedArrayObject[]=new EmpJavaBean[4];
        //HttpSession session=request.getSession(true);
        //fetchedArrayObject=(EmpJavaBean[])request.getAttribute("substituteArray");
        //a=fetchedArrayObject[0].getEmpNumber();
        %>
        
        <%
            fetchedArrayObject=(EmpJavaBean[])request.getAttribute("substituteArray");
        
        %>
        
          <%!  public void setSession(int i)
                    {

session.setAttribute("sendToRequestHandler",fetchedArrayObject[i]);

} 
        %>  
        <form name="searchedEmpForm" action="/Precize/RequestHandler" onsubmit="return validateRadio()">
        <br></br>
        <h2 align="center">Your Searched Result Is Here</h2>
        <br></br>
        <table border="1" align="center">
            <thead>
                <tr>
                    <th>   </th>
                    <th>   <input type="button" value="Emp#" name="searchedPageEmpNumb">   </th>
                    <th>   <input type="button" value="Name" name="searchedPageEmpName">   </th>
                    <th>   <input type="button" value="Priv" name="searchedPageEmpPriv">   </th>
                    <th>   <input type="button" value="Role" name="searchedPageEmpRole">   </th>
                    <th>   <input type="button" value="Start Date" name="searchedPageEmpStartDate">   </th>
                    <th>   <input type="button" value="End Date" name="searchedPageEmpEndDate">   </th>
                </tr>
            </thead>
            <tbody>

<% for(int j=0;j<fetchedArrayObject.length;j++)
                {
                   %>
                <tr>
                    <td><input type="radio" name="radioGroup" value="r<%=j%><%=j%>" onclick="<%setSession(<%=j%>)%>" ></td>
                    <td><%=fetchedArrayObject[j].getEmpNumber()%></td>
                    <td><%=fetchedArrayObject[j].getEmpName()%></td>
                    <td><%=fetchedArrayObject[j].getEmpPrivilege() %></td>
                    <td><%=fetchedArrayObject[j].getEmpRole()%></td>
                    <td><%=fetchedArrayObject[j].getEmpStartdate()%></td>
                    <td><%=fetchedArrayObject[j].getEmpEndDate() %></td>
                </tr>
                <%
                    }
                %>
               
            </tbody>
        </table>

<h3 align="center">Select the Employee To be Updated/deleted</h3>
        <%
        String a=fetchedArrayObject[3].getEmpName();
        %>

</form>

</body>
</html>

my error is coming at this line
session.setAttribute("sendToRequestHandler",fetchedArrayObject[i]);

I believe sesion is an implicit jsp object, can it be used inside a java method like that?

Hi
yaah it's not working

but what is the way we can put an object in a session in a function in a jsp page.
can any body help me please.

with regards
thanks

Hi
can any one please advice me on above problem..i am really facing this problem.
thanks.

rammie singh wrote:but what is the way we can put an object in a session in a function in a jsp page.

This is where you are going wrong. Do you want to affect the session as part of the JSP processing before the page gets sent to the browser, or in JavaScript after the page gets sent to the browser?

If the latter (which is what I suspect), then the fact that this is a JSP is completely irrelevant. Once the page gets to the browser, it's just an HTML page like any other.

Did you read the article that I linked to? Did you understand it?

Hi every body
i am sorry to say that but can i really get the solution of my problem in this forum

well as far as Mr. ankit garg solution is concerned....it is not working......the error is same...the function setVals(i)
is not able to access the arrays you have created above. because function loading() is not able to push the values from array fetchedArrayObject[] to created array in javascript.

the same problem i am asking from last three days....that whether it's a javascript function....that is a function defined within tag <script type=text/javascript> ....... </script> of a jsp page or a function defined within the tag <body> ...</body> of a jsp page, how can we acccess a jsp variable within those function directly. and if yes the how.

i don't know if this forum runs to give any solution or just for fun.
i am sorry guys if i made any hard coment.
thanks.

JSP/Java runs at server side. JSP/Java generates HTML/CSS/JS output. Server side sends output to client side. Client side runs HTML/CSS/JS.

View the page source in your webbrowser and think once more about it.

To "access" JSP/Java variables in JS, simply let JSP/Java print it to the output as a JS variable!

For the last time, READ THIS ARTICLE. If you are going to ignore the advice and information presented to you, of course you aren't going to learn anything.

rammie singh wrote:i don't know if this forum runs to give any solution or just for fun.

You have been given plenty of information that you seem to be just ignoring. Are you posting for fun or are you actually trying to learn anything?

you can use like this: