Solved

JSP, show a loading spinner

Posted on 2010-11-19
11
2,205 Views
Last Modified: 2012-05-10
I have a third party jsp page we are using in an application.  The page has a lot of internal logic and lengthy database queries and page loads are typically 10 - 20 seconds.    I am new to jsp, it is possible to display a loading message or ajax spinner while the page is loading?  I have done this before using .net pages, but I am not sure how to make this work with jsp.

Any help would be greatly appreciated.
0
Comment
Question by:shanemay
  • 6
  • 5
11 Comments
 
LVL 27

Accepted Solution

by:
rrz earned 500 total points
ID: 34175534
>page loads are typically 10 - 20 seconds.  
Do you to say that nothing shows up in the browser until then ?
Please try this demo code.
<html>
<body>
Some text here is necessary here for the IE browser to start displaying. 
Otherwise it will wait until it receives enough of a response to begin displaying anything.
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz I am sure how much padding is necessary. But this works for me.
<%
  out.print("<br/>Starting processing now. <br/>");
  out.flush();
  for(int x = 0; x < 3; x++){
                             Thread.sleep(3000);  //mock processing
                             out.print("Record for cust-id" + x + " submitted and mail sent successfully.<br/>");
                             out.flush();
  }
%>
</body>
</html>

Open in new window

0
 

Author Comment

by:shanemay
ID: 34175559
I will give your code a shot, but yes, nothing shows in the browser until then, the page does alot of processing and at the end dumps text onto the page.
0
 

Author Comment

by:shanemay
ID: 34175607
Same result, the page loads slowly, but nothing shows while the page is processing.  Even a message saying loading would be better than a blank screen.  
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 27

Expert Comment

by:rrz
ID: 34175683
Did you try my demo code ?
out.flush() is the key. It will send whatever is in buffer at that time. But as I explained in demo it needs some output at begining to get the ball rolling( especially in IE).
0
 
LVL 27

Expert Comment

by:rrz
ID: 34175723
Please show some pseudo code that describes what you are doing. Give us more details.
0
 

Author Comment

by:shanemay
ID: 34175791
I did try the code listed above ( page was blank during processing ).  As for pseudo code - The page creates a connection to the database, runs five queries, processes the results into a set of links, then displays the links for the user with some standard text as a header and footer which is also pulled from the database.  Nothing displays on the page until all the processing is complete which can take some time.    Also, the page is being displayed in an iframe (if that matters).

Thank you for your help.
0
 
LVL 27

Expert Comment

by:rrz
ID: 34176000
I did try the code listed above ( page was blank during processing ).  
Which browser are you using ?
When I run it, it display the first couple of sentences right away. After 3 seconds it displays
Record for cust-id0 submitted and mail sent successfully.
then after 3 seconds it displays
Record for cust-id1 submitted and mail sent successfully.
and so on.    

As for your code, why not get the header and send that using out.flush() It needs to big enough for IE to react.
After that, can you get the links one at a time and send them individually with out.flush()  ?

0
 

Author Comment

by:shanemay
ID: 34176053
I am using FireFox 3.6 and IE 8 as testing.  
0
 
LVL 27

Expert Comment

by:rrz
ID: 34176192
I just tested in a iframe in IE 8.   The output is displayed progressively as I posted.
Did you just cut and paste my exact JSP ?  
0
 
LVL 27

Expert Comment

by:rrz
ID: 34176201
You have to name the file  something like test.jsp
0
 

Author Closing Comment

by:shanemay
ID: 34192605
Thank you for your help, sorry for the late response.  That is working now, not sure what I was doing, but it works fine.  
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
oracle 11g 23 106
java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: NO) 1 35
Bot application - advice 3 38
Java 8 to Java 6 8 20
In this post we will learn how to connect and configure Android Device (Smartphone etc.) with Android Studio. After that we will run a simple Hello World Program.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Viewers learn about the third conditional statement “else if” and use it in an example program. Then additional information about conditional statements is provided, covering the topic thoroughly. Viewers learn about the third conditional statement …
Viewers learn how to read error messages and identify possible mistakes that could cause hours of frustration. Coding is as much about debugging your code as it is about writing it. Define Error Message: Line Numbers: Type of Error: Break Down…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question