Question

I’m developing a web application,after login the user is redirected to the inbox page,
where he will find many widgets, each with hundreds of records.
So it is taking too much time to open inbox page after login success.Very much performance issue.

So i want to display some(5-10) records in each widget

and after the page loads in the backend(user doesn’t know) the request will be processing still and fetch the records and append them to the widget records.

Eg. If you open google images and search for cricket, it will display the page with images and if you scroll down only you will come to know the ajax request going and appending the response to the web page,

But it is not waiting till the entire page is loaded.

I must develop my application in the same way.

Any idea is Highly Appreciated and sample code too.

Answer 1

I got to know the following answer suits my requirement from the following site.. Jquery endless scrolling