Tutorials, Training & Tips

For this article, we'll create an interactive shopping experience allowing us to add items to our shopping basket by dragging and dropping them onto an icon of a shopping cart. We'll add AJAX functionality, allowing us to update our shopping cart without redrawing the entire screen. To save the trouble of setting up a product database, we'll use Amazon Web Services to search for DVDs and use those to shop from.

I have a client that has their own version of IE installed in their large user base (I think this is very typical of large corporations). While they have JavaScript running, they have removed the XMLHTTP object. So, how do you do AJAX without XMLHTTP?

The method for getting information through an implicit request can be applied not only for technical dictionary. Have you ever wondered about the double underlined links in such projects as hotscripts.com and devarticles.com? This is context-dependent advertising based on IntelliTXT engine from Vibrant Media (www.vibrantmedia.com). When the mouse cursor points to such a link an advertisement window appears. This technology is referred to as in-text advertising. This method is also increasingly used on news portals. The main page contains only the news headings. Yet when the user puts a mouse cursor over the heading a short description appears. Thus the main page can hold a lot more news. The visitor sees the headings and all he/she has to do to get a short summary is to browse through the items with a mouse cursor. Let us now look into how contextual help can be implemented with AJAX.

AJAX allows you to make a call to an http server (typically an RSS feed or a webpage), get it�s content and load them into your existing page without having to refresh the whole page. This means that services like email don�t have to reload the whole page everytime you click a message, saving on bandwidth (loading the header/footer all over again) and making things more efficient.

This tutorial explains from the very beginning how to use AJAX in web applications. It is assumed you have a knowledge of Javascript (with a little DOM) as well as a server side scripting language, although you should pick it up easily.

If you want to have live data on your website, that will change all on its own without you having to constantly refresh the page, then this tutorial will show you how to. Assumes you have an understanding of the AJAX (XMLHttpRequest) object.

Ever wanted to make your own "live" advanced search that gives you suggestions as you type. This tutorial will show you how to make one just like Google's new "Suggest" search feature.

Step-by-step tutorial to understand the XMLHttpRequest object and how to use it from JavaScript. Examples with text, XML and JSON files. The tutorial is completed by demo pages that you can use as templates for you own website. Plus a specific JSON tutorial a very simple to use format.

CAPTCHA is a simple test to determine if a user is a computer or a human. It is used to prevent spam abuse on the websites. So if you use CAPTCHA on your web site forms, this can help in stopping some bots and making life harder for other bots in accessing or using your forms. The goal of this tutorial is to demonstrate how to make your own simple CAPTCHA protection using PHP and AJAX technologies.

With Head Rush Ajax, in no time you'll be writing JavaScript code that fires off asynchronous requests to web servers...and having fun doing it. By the time you've taken your dynamic HTML, XML, JSON, and DOM skills up a few notches, you'll have solved tons of puzzles, figured out how well snowboards sell in Vail.If you thought Ajax was rocket science, this book is for you. Head Rush Ajax puts dynamic, compelling experiences within reach for every web developer.

In this installment, you'll learn how to use images and cookies to enable client-server communication even on older browsers that don't support the DOM.

The XMLHttpRequest object is a handy JavaScript object that offers a convenient way for Web pages to get information from servers without refreshing themselves. The purpose of this article is to demonstrate through a series of baby steps just how easy it is to use the XMLHttpRequest object

This article guides you through the Ajax basics and gives you two simple hands-on examples to get you started.

Learn how to keep your XMLHttpRequests from colliding with your rich Internet applications.

In this article we are going to delve deeper into Ajax and explore how XSL can be used on both the client side (using Javascript) and on the server side (using PHP) to transform XML data into XHTML.

In this article, the first of three parts, you will start creating a simple web-based POP 3 client using Ajax, which will use "XMLHttpRequest" objects to retrieve messages from a mail server.

This tutorial will you how to build a Drag and Drop Shopping Cart.

This article presents an open source JavaScript library that finally brings bookmarking and back button support to AJAX applications.

Excellent tutorial on how to build an Ajax-powered Web site, with dynamic page loads.

In this article I'm going to show you three simple and practical uses for Ajax on your Web site. You'll need to know a bit of HTML, JavaScript, and PHP to follow along, but I'll do my best to explain everything in simple terms so you don't get lost.