Problem with Ajax

[Prashant Langade]

Hi

My requirement is to get the list of account views based on some operatorId.I am using ajax to achieve this.
Front end is Struts.

Now I am able to give ajax call with out any problem.but when i get the list of string values from the database into the action class, i am not able to see them.
Here is a some code.

 
  function getAvailableViews() {        
        var operatorSid = '<%=operatorSid%>';        
        var url="accountView.do?operatorSid="+operatorSid;
    	postRequest(url);            
    }  

  
 function postRequest(strURL) {

   var xmlHttp;
    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        var xmlHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) { // IE
        var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
       
   xmlHttp.open('POST', strURL, true);   
   xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
   
   xmlHttp.onreadystatechange = function() {    	
        if (xmlHttp.readyState == 4) {			
        	[b]alert(xmlhttp.responseText);
            //document.getElementById("dropdown").innerHTML=xmlhttp.responseText;[/b]        }
      }
      xmlHttp.send(strURL);
      
     }  

Now i want to get that alert (in bold) work, (i.e from action class,the list of values should be get shown by that alert,which i am not able to see.

Can any one please help me on this?

[Eric Pascarello]

Well if the request is being made and the alert is being called. I am guessing your problem will be with: accountView.do?operatorSid="+operatorSid

What are you doing on the serverside to return data back to the client?

Eric

[Prashant Langade]

Hi Eric

Thanks for your time and quick reply.

Alert is not getting called..

  
if (xmlHttp.readyState == 4) {             
            [b]alert(xmlhttp.responseText);   
            [/b]      
  }   
 }  

Now if i put some alert.say alert("Hi"); just before the alert(xmlhttp.responseText);
then it gets called,but alert(xmlhttp.responseText); is not getting executed. basically i want to get the server side contents which are returned back from action class in the javascript.

I guess i need to set some response type or some thing like that kind of stuff in the action class after getting the list..

This is my action class

 public ActionForward getAvailableViews(ActionMapping mapping,
			ActionForm form, HttpServletRequest request,
			HttpServletResponse response) throws Exception {

		/*Long operatorSid 
		= (Long) request.getSession().getAttribute(Constants.OPERATOR_SID);*/
	
		//Get the operatorSid from the getAvailableViews() method from js.
		String operatorRequestId = (String)request.getParameter("operatorSid");
		Long operatorSid = Long.valueOf(operatorRequestId);
		if (operatorSid == null) {
			// Account view can not be performed without an Operator SID
			List messageList = new ArrayList();
			messageList.add("The account views for the logged in operator can not be "
					+ "retrieved if operator Sid is null.");
			request.setAttribute("messageList", messageList);
			request.setAttribute("isConfigued", Boolean.FALSE);
			return mapping.findForward("success");
		} else {
			// Assemble all input parameters into one object
			AccountViewsStatusRequest accountViewsStatusRequest = 
				new AccountViewsStatusRequest();
			accountViewsStatusRequest.setUser((User) request.getSession()
					.getAttribute(Constants.USER_KEY));
			accountViewsStatusRequest.setOperatorSID(operatorSid.longValue());
			
			// Build the serviceRequest with the parameters object
			ServiceRequest serviceRequest = 
				getPopulatedServiceRequest(form, request);
			serviceRequest.getBody().setAttribute(
					Constants.COMMAND, accountViewsStatusRequest);
			
			// Set the Quick Jump
			setQuickJump(request, mapping);

			// Set the operatorSid in service request object.
			serviceRequest.getBody().setAttribute(Constants.OPERATOR_SID,operatorSid);
			
			// Submit the serviceRequest
			ActionForward actionForward = new ActionForward();
			ServiceResponse serviceResponse = callBusinessFacade(serviceRequest,
					request, mapping, actionForward, form, response);
			
			// Use the response output values
			AccountViewsStatusResponse accountViewsStatusResponse = 
				(AccountViewsStatusResponse) 
				serviceResponse.getPayload().getResponse();
			
			Iterator ite = accountViewsStatusResponse.getAccountViewsList().iterator();
			while(ite.hasNext()) {
				Object obj = ite.next();
				AccountOperatorExtract accountOperatorExtract = (AccountOperatorExtract) obj;
				[b]System.out.println("Account Views: "+accountOperatorExtract.getAccountView());[/b]
			}
						
			return mapping.findForward("success");
		}
	}	   

[Prashant Langade]

Iterator ite = accountViewsStatusResponse.getAccountViewsList().iterator();
while(ite.hasNext()) {
Object obj = ite.next();
AccountOperatorExtract accountOperatorExtract = (AccountOperatorExtract) obj;
System.out.println("Account Views: "+accountOperatorExtract.getAccountView());
}

The line accountViewsStatusResponse.getAccountViewsList() returns me the list of the views.

Am i missing any thing in order to send it back to javascript function?

[Eric Pascarello]

Have you checked the status code? Is it 200 or is it an error. You should not rely just on readyState of 4.
Eric

[Prashant Langade]

Hi Eric

I checked the status..I am getting it as 500.


I still dont understand.how do i transfer values that i am getting in action(.java class) to javascript...

[Eric Pascarello]

500 means you have an issue on your server.

Check your error logs and see what your serverside error is.

Eric

[Prashant Langade]

Hi Eric

Thanks for your solution..i checked the log and then i resolved it.

Actually i was forwarding the request to wrong jsp. no for testing purpose i created the blank.jsp and forwarded the request to that jsp.
now i am able to get the status code as 200. but when i wanted to check the returned list from the server in the function,i am getting it blank.

Here is what i did in my javascript function

  function postRequest(strURL) {   
   	var xmlHttp;
    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        var xmlHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) { // IE
        var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
       
   xmlHttp.open('POST', strURL, true);   
   xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
   
   xmlHttp.onreadystatechange = function() { 	      
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            alert("readystate4 and 200");
            alert(xmlHttp.responseText);            		
         }
      }
      xmlHttp.send(strURL);      
     }  

alert(xmlHttp.responseText);

using this alert i am trying to read the response,but i am getting it as blank.

[Eric Pascarello]

When you look at it on your test page which you resolved the 500 error with, are you seeing any output?

Eric

[Prashant Langade]

No.. since I had forwarded my request to blank.jsp. which contains nothing.

return mapping.findForward("success");

this is forwarding my request to blank.jsp

earlier when i was getting 500 error code ,that time i was forwarding my request to some other jsp had some code which required some parameters/values from the action class.

After i forwarded my request to blank.jsp .i started getting the status code as 200. and since the jsp is blank,i can not see any output.

[Prashant Langade]

Hi Eric,

I was able to resolve the issue by adding the following lines in the action class in the end
response.setContentType("text");
response.getWriter().write("Data to be passed";
response.getWriter().flush();


Thanks for your time and efforts Eric!!

Prashant

[Prashant Langade]

Hi..

After this issue got resolved,i am facing a problem.

Actually my requirement is this that i need to place the list of account views coming from xmlHttp.responseText in a dropdown(i.e populate a dropdown).

So i tried sending response from my action class to javascript function as (i.e if the account view list contains 3 values IA,FA,GA,then
I am creating a HTML select structure dynamically in action class and sending it to javascript function)

so my response (i.e xmlHttp.responseText looks like

<select>
<option>IA</option>
<option>FA</option>
<option>GA</option>
</select>

In order to populate the dropdown,in my JSP ,i have created a div like this

<td id="" >
<div id="drpdwndiv">
</div>
</td>

and in my javascript function where i am getting the response,I am trying to set the structure of select box in the form of response by

document.getElementById("drpdwndiv").innerHTML=xmlhttp.responseText;

.
but some how it is not getting executed.the alert("set") is not getting executed.

  
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {            
            alert("Response is: "+xmlHttp.responseText);
            document.getElementById("drpdwndiv").innerHTML=xmlhttp.responseText;
            alert("set");
        }    

can any one please help me?

[Prashant Langade]

hey..

Solved the problem

Thanks and Regards
Prashant