Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Sign in with OpenID
Sign In
Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

Ajax and Wikipedia

Every day, we’re seeing new and innovative uses for Ajax on the web. Ajax, for the uninitiated, is a web programming framework that presents information from a database to the browser in an asynchronous fashion. It uses XHTML and CSS to present the information, JavaScript to interact with the browser, and the XMLHttpRequest object to pull the data from a database.

In a normal, old fashioned database call, the user types something into a form and hits enter, the browser chugs for a moment, then the page gets refreshed with the data the user requested. In an Ajax call, only a portion of the page gets refreshed (via JavaScript), sometimes with no further action by the user. Requests are faster and can be integrated seamlessly with the user experience.

Case in point: the LuMriX Wikipedia search. The front end of the page is tied to the open source Wikipedia database, and your searches start being performed as soon as you start typing. Each character you enter into the search field is added to your search criteria and a list of suggested search topics is dynamically updated. Try it out.


This is an application of Ajax that looks super fancy, but is actually rather mind-blowing in its simplicity. Wikipedia’s popularity of late has somewhat crippled the speed of its search, so this tool makes lightning-fast searches of the Wikipedia possible again. And, if you’re wondering how they manage to get data from the Wikipedia database so quickly while the main Wikipedia site remains so slow, that’s an easy one. Wikipedia maintains regular dumps of its entire database that anyone can grab and use in their own XML or SQL web applications.

For more on Ajax, and for some more examples of its uses, check out Paul Adams’ articles about XMLHttpRequest and Ajax and RUBY right here on Webmonkey.

Also, tune in next week when Paul gives us a lesson in using TRAX, a PHP version of RUBY that uses similar elements.

Post Comment Comments Permalink Print
Reddit Digg

 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year