Ajax for Java developers: Build Dynamic Java Applications

The page-reload cycle presents one of the biggest usability obstacles in Web application development and is a serious challenge for Java™ developers. In this series, author Philip McCarthy introduces a groundbreaking approach to creating dynamic Web application experiences. Ajax (Asynchronous JavaScript and XML) is a programming technique that lets you combine Java technologies, XML, and JavaScript for Java-based Web applications that break the page-reload paradigm.

McCarthy, Philip. IBM (2006). Articles>Web Design>Interaction Design>Ajax

The Ajax Transport Method

Discover three Ajax data transport mechanisms (XMLHttp, script tags, and frames or iframes) and their relative strengths and weaknesses. This tutorial provides code for both the server side and the client side and explains it in detail to provide the techniques you need to put efficient Ajax controls anywhere you need them.

Herrington, Jack D. IBM (2006). Design>Web Design>Interaction Design>Ajax

AJAX: Highly Interactive Web Applications  

AJAX stands for Asynchronous JavaScript and XML. AJAX has recently been gaining attention as a way to make web applications more interactive. While it can reduce apparent latency between user interaction and application response, it can cause user interface, maintainability, and accessibility issues.

Giglio, Jason. Psychemorphic (2006). Design>Web Design>Interaction Design>Ajax

Ajax: Usable Interactivity with Remote Scripting

This article aims to give you an introduction to the foundations of remote scripting, in particular, the emerging XMLHttpRequest protocol. We'll then walk through an example application that demonstrates how to implement that protocol, while creating a usable interface.

Adams, Cameron. SitePoint (2005). Design>Web Design>Interaction Design>Ajax

Mastering Ajax, Part 1: Introduction to Ajax

Ajax, which consists of HTML, JavaScript™ technology, DHTML, and DOM, is an outstanding approach that helps you transform clunky Web interfaces into interactive Ajax applications. The author, an Ajax expert, demonstrates how these technologies work together -- from an overview to a detailed look -- to make extremely efficient Web development an easy reality. He also unveils the central concepts of Ajax, including the XMLHttpRequest object.

McLaughlin, Brett D. IBM (2006). Articles>Web Design>Interaction Design>Ajax

Mastering Ajax, Part 1: Introduction to Ajax

Ajax, which consists of HTML, JavaScript™ technology, DHTML, and DOM, is an outstanding approach that helps you transform clunky Web interfaces into interactive Ajax applications. The author, an Ajax expert, demonstrates how these technologies work together -- from an overview to a detailed look -- to make extremely efficient Web development an easy reality. He also unveils the central concepts of Ajax, including the XMLHttpRequest object.

McLaughlin, Brett D. IBM (2006). Articles>Web Design>Interaction Design>Ajax

Mastering Ajax, Part 2: Make Asynchronous Requests with JavaScript and Ajax

Most Web applications use a request/response model that gets an entire HTML page from the server. The result is a back-and-forth that usually involves clicking a button, waiting for the server, clicking another button, and then waiting some more. With Ajax and the XMLHttpRequest object, you can use a request/response model that never leaves users waiting for a server to respond. In this article, Brett McLaughlin shows you how to create XMLHttpRequest instances in a cross-browser way, construct and send requests, and respond to the server.

McLaughlin, Brett D. IBM (2006). Articles>Web Design>Interaction Design>Ajax

Read and Display Server-Side XML with JavaScript

XML is a very important base on which Web Services work, and, in conjunction with a number of client- and server-side languages, can be put to good effect. Let's see how we can use XML and client side JavaScript to display the contents of a XML file, access child elements, manipulate elements, and more!

Pillai, Premshree. SitePoint (2003). Design>Web Design>Interaction Design>Ajax

Using Ajax  

Put a new shine on your web applications. Tired of clunky web interfaces and waiting around for a page to reload? Well, it’s about time to give your web apps that pine-scented desktop application feel. What are we talking about? Just the newest thing to hit the Web: Ajax—asynchronous JavaScript and XML—and your ticket to building rich Internet applicationsthat are more interactive,responsive, and easy to use. So, grab your trial-size Ajax,included with every copy of Head Rush Ajax:we’re about to put some polish on your web apps.

McLaughlin, Brett D. O'Reilly and Associates (2006). Design>Web Design>Interaction Design>Ajax

Web 3.0

To you who are toiling over an AJAX- and Ruby-powered social software product, good luck, God bless, and have fun. Remember that 20 other people are working on the same idea.

Zeldman, Jeffrey. List Apart, A (2006). Design>Web Design>Interaction Design>Ajax

XML in the Browser: Submitting Forms using AJAX

AJAX opens up enormous possibilities for Web applications simply by allowing HTTP requests to be made in the background asynchronously (while other scripts on the page run and other user activity continues).

Root, Chris. Dev Articles (2005). Design>Web Design>Interaction Design>Ajax

jQuery-Based Popout Ad: Part 1

Today I’d like to start an article series of three parts, the result of which will be a popout-style, jQuery-based box like the one pictured above, which I think strikes a nice balance on the obtrusion-scale.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Interaction Design>Ajax

jQuery-Based Popout Ad: Part 2

We're going to take the ad we built last week and animate it, as well as provide the user with a means to open and close the ad. We’ll be using jQuery for most of what we do, so you’ll need to include the jQuery library script at the top of your document for this to work (see the source of the example page to see how this is done).

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Interaction Design>Ajax

Generating Automatic Website Footnotes with jQuery

Generating footnotes for HTML documents in the past was always a slow, painful task — and every time I did it, I wondered why there wasn’t a better, easier way. Today, I’m happy to announce that I’ve come up with a better solution to web footnotes using the jQuery JavaScript framework and a few tags and attributes that already exist in XHTML.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Interaction Design>Ajax

Parse JSON with jQuery and JavaScript

While exploring the options for traversing JSON, I discovered that there is no official W3C documentation, or even a draft. As a subset of the ECMAScript language specification, it will probably remain under the governance of ECMA International. So unlike XPath, which is a commonly accepted language for traversing XML, JSON must rely on JavaScript’s object notation.

Reindel, Brian. d'bug (2008). Articles>Web Design>Interaction Design>Ajax

jQuery for Designers

Learn how easy it is to apply web interaction using jQuery.

Sharp, Remy. jQuery for Designers. Resources>Web Design>Interaction Design>Ajax

Image Fade Revisited

This episode is revisiting the image cross fade effect, in particular Dragon Interactive has a beautiful little transition for their navigation that some readers have been requesting. Greg Johnson takes it one step further to implement this method using jQuery and the methods shown here.

Sharp, Remy. jQuery for Designers (2008). Articles>Web Design>Interaction Design>Ajax