Ajax overhaul, Part 4, Retrofit existing sites with jQuery and Ajax forms

Streamline a multistep process into a single-screen interface with open-source tools

From the developerWorks archives

Brian Dillard

Date archived: January 4, 2017 | First published: July 29, 2008

Ajax techniques have changed the face of large, commercial Web applications, but many smaller Web sites don't have the resources to rebuild their entire user interface overnight. New features should justify their costs by solving real-world interface problems and improving user experience. With this series, you've been learning to modernize your UI incrementally using open source, client-side libraries. In this installment, learn to transform a multistep checkout process from a series of sequential forms into a single-screen interface using Ajax techniques. You do so using the principle of progressive enhancement, ensuring that your site remains accessible to all sorts of user-agents.

This content is no longer being updated or maintained. The full article is provided "as is" in a PDF file. Given the rapid evolution of technology, some steps and illustrations may have changed.

Zone=Web development, XML
ArticleTitle=Ajax overhaul, Part 4: Retrofit existing sites with jQuery and Ajax forms