I’ve noticed that several sites like kayak.com and soonth.com use sliders to allow users to filter search results. For example, if a kayak user wants to only include flights that take off in the morning, they can move the slider for takeoff time so that it only includes morning times. As soon as the user let’s go of the slider the results update immediately.
What I’m amazed by is that these filters update the results without sending a request to the server. So the site must be receiving all possible results when the page first loads. The site only displays the first 10 results at first, but if the user changes one of the filters it is able to display results not included in the initial 10 without making a server request.
How is this possible? How can all results be downloaded when the page is first loaded without displaying them all? Could anyone direct me to a place where I can learn how to implement this on my own site?
Thanks very much.