|
These tutorials all relate to Ajax (short for Asynchronous JavaScript and XML). It involves using a number of existing technologies together, including (X)HTML, Cascading Style Sheets, JavaScript, the Document Object Model, XML, XSLT, and the XMLHttpRequest object. When these technologies are combined in the Ajax model, Web applications are able to make quick, incremental updates to the user interface without reloading the entire browser page.
Visit The JavaScript Forum for help coding scripts or general questions about the scripts themselves.
More on internet.com
Attention JavaScript Coders!
Want some recognition for your scripts? Submit them to us and they may be featured on JavaScript Source!
Title: Yahoo! UI Library: Get Utility
Contributor: Yahoo!
Contributor URL: http://developer.yahoo.com/
Date Uploaded: August 18, 2008
Description: The Get Utility provides a mechanism for attaching script and CSS resources — including cross-domain resources — to the DOM after the page has loaded.
Title: FancyUpload - Swiff meets Ajax
Contributor: Harald Kirschner
Contributor URL: http://digitarald.de/
Date Uploaded: June 27, 2008
Description: This is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.
Title: Speed Up the Web
Contributor: Cristian Liciu
Contributor URL: http://www.navioo.com/
Date Uploaded: June 20, 2008
Description: This tutorial demonstrates how a Web page can be loaded and redered 10 times faster than normal using Ajax.
Title: Ajax and XML: Ajax for Chat
Contributor: Jack D Herrington
Contributor URL: http://www.ibm.com/developerworks/
Date Uploaded: March 24, 2008
Description: Learn to build a chat system into your Web application with Ajax and PHP. Your customers can talk to you and to each other about the content of the site without having to download or install any special instant-messaging software.
Title: Simple Save Message Using MooTools
Contributor: Antonio Lupetti
Date Posted: March 14, 2008
Description: This tutorial explains how to implement a message box which appears when a user submits a form and disappears (with a nice fade effect) when a generic Ajax request is completed.
Title: Ajax Fast and Easy
Contributor: Anthony Frey
Date Posted: March 5, 2008
Description: A simple, easy tutorial that explains what Ajax is and how to use it.
Title: Database-Enabled Ajax with PHP
Contributor: Kris Hadlock
Date Posted: December 17, 2007
Description: Ajax has taken the Web to a new level by offering an intuitive interactive model that rivals the desktop. To compete with desktop applications, this tutorial shows you how to create database-enabled Ajax requests using PHP and MySQL.
Title: jQuery Crash Course
Contributor: Nathan Smith
Date Posted: October 31, 2007
Description: For those who would like to learn more about jQuery, one of the more popular JavaScript libraries, here's a crash course written with code-savvy Web designers in mind.
Title: Using XMLHttpRequest
Contributor: Mozilla Developer Center
Date Posted: September 26, 2007
Description: XMLHttpRequest is a JavaScript object that was created by Microsoft and adopted by Mozilla. You can use it to easily retrieve data via HTTP. Despite its name, it can be used for more than just XML documents.
Title: Ajax RSS Reader
Contributor: Jack D. Herrington
Date Posted: July 23, 2007
Description: Learn how to build an Asynchronous JavaScript and XML (Ajax) Really Simple Syndication (RSS) reader, as well as a Web component that you can place on any Web site to look at the articles in the RSS feeds.
Title: Which Ajax Library Is Right for Me?
Contributor: David Talbot
Date Posted: April 16, 2007
Description: Free Ajax libraries are multiplying like bunnies in the spring. Here's some guidance to help you sift through the dozens of options and choose the one—or ones—that best suite your environment and objective.
Title: The Productivity Perks Behind Prototype's Popularity
Contributor: Alessandro Lacava
Date Posted: December 7, 2006
Description: Learn how to leverage the popular Prototype JavaScript framework to speed up your Ajax-based development. You'll see how to use JavaScript in an object-oriented way.
Title: Ajax Newsletter Sign-Up Tutorial
Contributor: Kojak
Date Posted: October 18, 2006
Description: This tutorial will demonstrate how to create a newsletter sign-up section using Ajax.
Title: Using Drop Down Boxes
Contributor: Kojak
Date Posted: September 18, 2006
Description: This tutorial shows how to create a simple form with three interactive dropdown boxes. Using an onchange event, each box is updated from a database, without reloading the page, when a change is made to one of them. The results from the database are displayed at the bottom of the page.
Title: Take Ajax to Your E-mail Inbox: Developing a Web-based POP 3 Client
Contributor: Alejandro Gervasio
Details: Uploaded: March 29, 2006
Description: 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.
Title: Using XML: A PHP Developer's Primer - Delving into Ajax
Contributor: Adam Delves
Details: Uploaded: March 24, 2006
Description: In our last article, we introduced Ajax by developing a simple email validation application. 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.
Title: Ajax from Scratch: Implementing Mutual Exclusion in JavaScript
Contributor: Bruce Wallace
Details: Uploaded: March 22, 2006
Description: Learn how to keep your XMLHttpRequests from colliding with your rich Internet applications.
Title: Ajax: Getting Started
Contributor: Mozilla Developer Center
Details: Uploaded: March 15, 2006
Description: This article guides you through the Ajax basics and gives you two simple hands-on examples to get you started.
Title: Rasmus’ 30 second Ajax Tutorial
Contributor: Rasmus
Details: Uploaded: March 15, 2006
Description: Lots of people have been using similar things long before it became "Ajax". And it really isn’t as complicated as a lot of people make it out to be. Here is a simple example from one of Rasmus' apps.
Title: Guide to Using Ajax and XMLHttpRequest
Contributor: Bill Bercik
Details: Uploaded: March 15, 2005
Description: 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
Title: Ajax Tutorial with Prototype
Contributor: Pete Freitag
Details: Uploaded: March 15, 2006
Description: This is an example of a good use of Ajax, and at the same time keeps it simple. It is a zip code verifier. As soon as the person enters the zip code it makes a request to the server to see if the zip code is in the database, and returns the city and state.
Title: Developer Notes for prototype.js
Contributor: Sergio Pereira
Details: Uploaded: March 10, 2006
Description: In case you haven't already used it, prototype.js is a JavaScript library written by Sam Stephenson. This amazingly well thought and well written piece of standards-compliant code takes a lot of the burden associated with creating rich, highly interactive Web pages off your back. If you tried to use this library recently, you probably noticed that documentation is not one of its strongest points. I thought it would be nice to take notes while I learned and share with everybody else.
Title: Getting Started with Ajax
Contributor: Aaron Gustafson
Details: Uploaded: March 7, 2006
Description: This is a two-part tutorial on starting with Ajax. The first part of the article is using Ajax using the DOM innerHTML and the second part using nodes from XML.
Title: AdvancedAJAX 1.0
Contributor: Lukasz Lach
Details: Uploaded: March 2, 2006
Description: AdvancedAJAX is a JavaScript object allowing to use XMLHttpRequest object easier and speeding up development of Ajax based projects. It consists a bound of methods helping creating queries, error handling, usage with HTML forms as well as connection timeouts and reconnecting.
Title: Using Ajax from Perl
Contributor: Dominic Mitchell
Details: Uploaded: March 2, 2006
Description: You could spend a lot of time figuring out all the pieces of JavaScript on the client side and Perl on the server side in order to work out how to use Ajax in your code. Thankfully, there's already a module on CPAN to take the pain out it: CGI::Ajax.
Title: How to Auto Include a JavaScript File
Contributor: Mark Kahn
Details: Uploaded March 1, 2006
Description: Many developers have a large library of JavaScript code at their fingertips that they developed, their collegues developed, or that they've pieced together from scripts all over the Internet. Have you ever thought that it would be nice to not have to search through all those files just to find that one function? This article will show you how to dynamically include any JavaScript file, at runtime, by simply calling a function in that file!
Title: Using XML: A PHP Developer's Primer: Part 2
Contributor: Adam Delves
Details: Uploaded February 27, 2006
Description: In the first part of this series, we looked at how PHP 5 can be used to manipulate and parse XML files. In this installment, we're going to focus on Ajax, one of the most useful and topical applications of XML.
Title: Ajax Username Availability Checking
Contributor: MD Groves
Details: Uploaded: February 24, 2006
Description: The goal of this Ajax example is to allow a user who is registering for your site to see if the username they want to use is taken already or not, without having to submit a form and reload the page.
Title: Implementing Ajax Using ASP.NET 1.1
Contributor: Ian Suttle
Details: Uploaded February 22, 2006
Description: Ajax is an acronym that stands for Asynchronous JavaScript and XML. Ajax gains its popularity by allowing data on a page to be dynamically updated without having to make the browser reload the page. Is Ajax a new technology?
Title: Roaming through XMLDOM: An Ajax Prerequisite
Contributor: Jayaram Krishnaswamy
Details: Uploaded: February 20, 2006
Description: The twin tasks of the XMLHttp are handling the HTTP request, and then processing the XML response. In this article, we look at XMLDOM in some detail before calling the XML document.
Title: Building a Shopping Cart using Script.aculo.us
Contributor: Alax Lessons
Details: Uploaded: February 19, 2006
Description: In this workshop you'll be building a shopping cart that’s Ajax powered. This will be a drag and drop shopping cart using the Script.aculo.us JavaScript library. You will also be using PHP on the back end to store the user’s shopping cart in sessions.
Title: Building Tabbed Content
Contributor: Ajax Lessons
Details: Uploaded: February 18, 2006
Description: In this workshop, you'll be building a tabbed content browser that's Ajax powered. Whenever a user clicks a tab the script will communicate with the server and send back the appropriate data for that tab.
Title: Alternate Ajax Techniques
Contributor: Nicholas C. Zakas
Date Uploaded: February 16, 2006
- Part 1: By now, nearly everyone who works in Web development has heard of the term 'Ajax.' Most articles on Ajax have focused on using XMLHttp as the means to achieving such communication but there are other methods, which are explored in this series of articles.
- Part 2: 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.
Title: How to Develop Web Applications with Ajax
Contributor: Jonathan Fenocchi
Date Uploaded: February 16, 2006
- Part 1: In the past, Web applications were limited because a Web page had to be reloaded (or another page loaded in its place) in order for new data to be obtained. Recently, a new method, known as "Ajax" (Asynchronous Javascript and XML applications) asynchronously retrieves XML data via JavaScript. Ajax will allow you to take your Web applications to the next level.
- Part 2: Part one of this series discussed how to retrieve remote data from an XML file via JavaScript. In this section, Jonathan Fenocchi processes that data in a more complex manner. As an example, he takes groups of XML data, separate individual segments and display those segments in different ways, depending on how they're identified.
Title: XMLHttpRequest and Ajax for PHP Programmers
Contributor: James Kassemi
Date Uploaded: February 16, 2006
- Part 1: Asynchronous JavaScript and XML, or Ajax is a method of sending and receiving data (usually XML) from a server-side application through javascript. Learn more about Ajax now!
- Part 2: This article takes off where the last tutorial left off--we're about to jump into the creation of the PHP backend! If you haven't read the previous article, we recommend that you begin there before moving forward so you don't miss anything.
Title: Advanced Requests and Responses in Ajax
Contributor: Brett McLaughlin
Details: Uploaded: February 14, 2006
Description: Brett McLaughlin shows you the different status codes and demonstrate how browsers handle each and showcases the lesser-used HTTP requests that you can make with Ajax.
Title: Ajax Basics & Building a Simple E-mail Verification With prototype.js
Contributor: Ajax Lessons
Details: Uploaded: February 11, 2006
Description: This workshop will cover the basics of Ajax, what Ajax is and when it should be used.
Title: Ajax Design Patterns
Contributor: Christian Decker
Details: Uploaded: February 5, 2006
Description: Excellent tutorial on how to build an Ajax-powered Web site, with dynamic page loads.
Title: Three Practical Uses For Ajax
Contributor: Mitchell Harper
Details: Uploaded: January 31, 2006
Description: 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.
Title: Building a Drag-and-Drop Shopping Cart with Ajax
Contributor: Joe Danziger
Details: Uploaded: January 27, 2006
Description: In this article, you'll create an interactive shopping experience allowing you to add items to the shopping basket by dragging and dropping them onto an icon of a shopping cart. You'll add Ajax functionality, allowing you to update our shopping cart without redrawing the entire screen.
Title: Ajax: What is it Good For?
Contributor: Eddie Traversa
Details: Uploaded: January 7. 2006
Description: Very interesting Ajax tutorial with some history and commentary. If you're looking for information regarding the foundation of Ajax, don't miss this tutorial.
Title: Tuning Ajax
Contributor: Dave Johnson
Details: Uploaded: November 30, 2005
Description: This article illustrates one method of benchmarking your Ajax applications as well as point out some of the major performance pitfalls that the author has encountered while developing Ajax components and applications.
Title: Ajax RSS Reader Step by Step Tutorial
Contributor: Hatem
Details: Uploaded: November 26, 2005
Description: This Ajax reader is written in JavaScript only. Itrequests a backend URL on the same server then displays the feed.
Title: Ajax & PHP without using the XmlHttpRequest Object
Contributor: Dennis Pallett
Details: Uploaded: November 20th, 2005
Description: If you’ve wrestled with the whole XMLHttpRequest part of Ajax you should read this article. It clearly explains the technique of appending a new Javascript <script> tag into the body and using the results to display new or updated content.
Title: Make an Ajax Website in Less than 10 Minutes
Contributor: Max Kiesler
Details: Uploaded: September 9, 2005
Description: I've been toying around with Ajax apps and XMLHttpRequest but have wanted to put up a site that loads all of its content asynchronously. If you're like me and you learn best from working with examples you're only 10 minutes away from your first Ajax website.
Title: Ajax: Instant Tutorial
Contributor: Aleem Bawany
Details: Uploaded: September 1, 2005
Description: HThis is a quick tutorial to get you jump started with Ajax. It uses object detection and explains some of the caveats for doing what is being done in the tutorial.
Title: Saving Session Across Page Loads Without Cookies, On The Client Side
Contributor: Brad Neuberg
Details: Uploaded: August 25, 2005
Description: This is a mini-tutorial on saving state across page loads on the client side, without using cookies so as to save large amounts of data beyond cookies size limits.
Title: Degradable Ajax Form Validation
Contributor: Chris Campbell
Details: Uploaded: June 6, 2005
Description: Thanks to Ajax, we can provide real-time feedback to the user using server-side validation scripts and eliminate the need for redundant validation functions without giving up a solution that degrades gracefully when JavaScript is disabled.
Title: Ajax Mistakes
Contributor: Alex Bosworth
Details: Uploaded: May 18, 2005
Description: Ajax is also a dangerous technology for Web developers, its power introduces a huge amount of UI problems as well as server side state problems and server load problems. I’ve compiled a list of the many mistakes developers using Ajax often make.
JavaScript® is a registered trademark of Sun Microsystems, Inc.
Jupitermedia's Database Journal offers SQL courses and other database related resources for beginner to expert developers.
|
|
