Tuesday, January 31st, 2006

ParticleTree: Preloading Data with Ajax and JSON

Category: Ajax, Programming, Prototype

<p> In this article from ParticleTree they take the typical Ajax kinds of connections that everyone else is doing and “step it up a notch” by showing you how to prefetch with Ajax and the help of some JSON.

On most sites, there are usually only a handful of options that can be done at any given moment and often some of these options are more likely than others. By determining what is important on each page, we can preload the data of the user’s next action and store it on the client with JSON. When the user decides to perform their next action, they’ll see their results almost instantly because the info was loaded in the background.

They start things off with a demo of how the application works (for you to get a feel for it), and include a download to help the learning process along. They describe briefly what JSON is and move directly into the code. They break it up into chunks, describing each piece as it goes along. They use the Prototype library to make the creation of things a bit easier as well. They finish it off with the inclusion of pagination abilities and using the navigation to control it.

Posted by Chris Cornutt at 1:24 pm
4 Comments

+++--
3.9 rating from 43 votes

4 Comments »

Comments feed TrackBack URI

Intresting article “Preloading Data with Ajax and JSON”. Make sure to read the comments on it.

Comment by G.Lindqvist — January 31, 2006

[...] Prototype (29) [...]

Pingback by Ajaxian » Keeping your page load fast — February 2, 2006

They describe briefly what JSON is and move directly into the code. They break it up into chunks, describing each piece as it goes along.

Comment by שש בש — June 15, 2006

cool idea for the preloading. did you consider preloading all in JS also ? i used that on a previous problem i had.
but i do liek your approach

Comment by kirra — October 29, 2007

Leave a comment

You must be logged in to post a comment.