Ajax allows for rich-internet applications that mimic the
responsiveness and complex user interfaces typically associated with
desktop applications. Moving applications to the web browser opens many
possibilities, including the ability to save user data, connecting with
other users for collaboration and sharing, and making deployment and
using the application easier since web browsers are standard-issue with
most computers regardless of operating system.
If you’re interested in expanding your understanding of Ajax techniques and practices, check out these 25 hand-picked Ajax articles and tutorials
that outline various methods and concepts involved in the development
of Ajax-based applications. Though most are geared for budding and
intermediate developers, veterans might find a trick or two they
haven’t encountered before.
Build a simple RSS reader that takes remote XML data from RSS feeds
using Ajax, PHP, and MySQL. This example allows users to view feed
content from multiple sources in one page. At the bottom of the
article, you’ll find an animated demonstration of the RSS reader.
This tutorial is a step-by-step guide on how to create a desktop/homepage similar to Pageflake
and Netvibes
.
The goal of this tutorial is to showcase some common techiques involved
in developing web-based applications like manipulating the Document
Object Model (DOM), listening to events (i.e. certain mouse movements),
and working with remote data.
Learn to build a simple web-based chat client using asynchronous
JavaScript, XML, and PHP. The tutorial’s example utilizes the Prototype
JS framework, MySQL, and PHP.
This article outlines the basic foundations of using Ajax alongside an API service. It uses the del.icio.us API
, but the methods and concepts can be adapted to other popular services such as Digg’s
or Flickr’s
.
It’s an essential resource for those contemplating on creating web
applications that use remote XML data - a couple of live examples are popurls
and SocialBlade
,
which obtains information from social media sites using available API
services. This tutorial requires you to register (for free).
See how to create a super-lightweight (1.78 KB) charting component
using Flash with Ajax. The example allows you to generate visual graphs
using dynamically-loaded data. The solution involves
ActionScript-JavaScript communication, and covers the use of the setData
and setStyle
ActionScript methods for generating and styling the charts.
Learn how to create a calendar component using Ajax and PHP. Ajax is
used for navigating through the calendar months without refreshing the
page.
This tutorial shows you how to create a web page component that
calls a publicly available Google calendar. Google Calendar allows you
to easily create, share, and manage events and is an excellent feature
for community websites.
In this example, users are given the ability to edit the XHTML of
the web page they’re currently viewing. The example is a
proof-of-concept – presenting how this functionality can be achieved
using jQuery. Normally, you’d want to send the user’s edits to
server-side code to perform processes such as validation or saving the
changes in a database.
Learn the concepts of creating a rating system without prompting the
user to click a submit button or refreshing the page. The tutorial
showcases how you can do this in a variety of ways by including
examples for the following four JavaScript frameworks/libraries: Dojo,
jQuery, mootools, and Prototype JS.
In this tutorial, you’re shown how to create a file uploader. The tutorial uses JavaScript and PHP.
This tutorial from SitePoint
walks you through the development of a mailing list form that accepts
submissions asynchronously. It uses MySQL for storing the data inputted
by the user and Prototype JS for simplifying Ajax requests and binding
event handlers.
One way to reduce spam from public web forms is to implement a
system to verify if the submitter is human by using image CAPTCHAs.
Problems arise with accessibility when individuals using visual
assistive technologies are presented with the test (and thus cannot
continue on). This simple technique uses an Ajax call to a server-side
script to drop a cookie on the user’s computer.
Avoiding the use of image-based CAPTCHAs is a good idea. With that
said, many sites still prefer using this technique to distinguish
between humans and computers. If forgoing web accessibility is
appropriate for your situation, this article outlines a unique method
for administering CAPTCHA tests. The user is presented with a sequence
of descriptions (i.e. Animal, Costume, Boy), and asked to click on a
set of images in sequential order. The clicks are recorded and
validated, returning the appropriate status message. Though probably
not an ideal solution to CAPTCHAs, it does outline a fundamental
technique for developing responsive user interfaces - use it for
inspiration.
Create a basic login form that asynchronously validates the inputted data. The example uses the jQuery form plugin
and PHP to process the request.
In this example, a message box that fades after a specified duration
is displayed when the user clicks on the “save” button. This is a model
for supplying users with the status of their request, and an real Ajax
request should typically happen when the user clicks on the “save”
button.
The AutoCompleter tutorial teaches you how auto completion of input
fields can be accomplished. The example uses jQuery, PHP, and MySQL.
A key technique in Ajax applications is to populate content without
a page refresh. In this tutorial, you’ll witness how this is done with
a PHP and JavaScript (jQuery to make it easier).
Here’s a basic example of working with external data to load content into a drop-down menu - from our beloved Webmonkey
. Though the example uses a text file, you can use your own data source when applying the technique to your own purposes.
Make an Ajax-powered shoutbox using PHP and JavaScript. This
tutorial walks you through the server-side and client-side requirements
of creating a shoutbox, which can be adapted to other functions such as
a commenting system.
Learn how to build a tabbed content component with the data populated via Ajax. The tutorial uses PHP and Prototype JS.
This step-by-step tutorial shows you how to load data into a web
page using jQuery to handle the Ajax request and manipulation of the
DOM.
Best practices and workaround techniques to common issues
This article discusses the concept of creating Ajax-based
applications that degrades effectively when JavaScript is not detected,
providing increased accessibility and bulletproof-ness
.
Completely successful degradation means that an application is still
usable and information is still accessible without reliance to
JavaScript or CSS.
This article presents a method for minimizing unneeded
database/computational processes and avoiding large status updates if
no changes have occurred. By using client cookies to keep track of the
session’s state, you can cut down on processes that may be redundant.
Though the article presents an example using Python for server code –
the model remains the same in virtually any language you use.
Here’s a workaround to issues pertaining to Ajax-loaded content
breaking web browser controls and bookmarking capabilities. The
solution involves firing off a function at a set interval that checks
the #value
of the URL, and then presenting the correct content. It restores the ability to bookmark the content. In Part 2
of the article, you’ll see a working example and additional discussion of this method.
One of the biggest drawbacks of loading content via Ajax is that it
fails to indicate an update of the content to users who are reliant on
screen readers. For people who are not visually-impaired – messages and
status indicators can be visual queues that the content is changing;
this isn’t effective for users with visual impairments. This article
draws out the underlying issues and proposes techniques to make
Ajax-based applications work with screen readers.
There we have it… some brilliant Ajax techniques and examples. I
hope you’ve found some links of interest that will help you in a future
project or in advancing your command of Ajax.
Have you got your own favorite link?
Let’s see it by dropping a message in the comments section.
http://sixrevisions.com/ajax/ajax_techniques/
分享到:
相关推荐
Probability: Theory and Examples,by Durrent,概率论专业经典教材。答案很少见,特意贡献~~~ 教材电子版已更新至第四版,可以在Durrent‘s homepage下载~!
a C# developer's guide to the features and programming interfaces of windows workflow foundation. (本资源来自网络)
概率论书籍 Probability: Theory and Examples Rick Durrett
Probability - Theory and Examples
一本很好的讲概率的书,有很多例子,讲了测度理论和鞅论
Probability: Theory and Examples Rick Durrett, Duke U.
概率论非常经典的书籍,包括大数定律、中心极限定理、随机游动、鞅、马尔可夫链、遍历定理和布朗运动。它是一种综合性的处理方法,集中在对应用最有用的结果上。它的哲学是,学习概率的最好方法是看到它的实际行动,...
Practical Web Scraping for Data Science Best Practices and Examples with Python 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
This book familiarizes you with the core technologies behind Ajax, and shows you how to start building Web sites using Ajax techniques. It explains concepts step-by-step, using proven examples, so ...
R and data mining examples and case studies 对应的代码和数据
algorithm design foundations analysis and internet examples 中文版
概率论
Shell scripting is a way to harness and customize the power of any Unix system, and an essential skill for Unix users, system administrators, and even professional Mac OS X developers. But beneath ...
Practical Web Scraping for Data Science Best Practices and Examples with Python
Once a basic understanding of the various request types is discussed, the book moves on to provide in-depth examples of how and when to use Ajax in a web site or web application. Different data ...
Packt.Programming.Windows.Workflow.Foundation.Practical.WF.Techniques.and.Examples.using.XAML.and.C#
Convex Analysis pdf document
patterns and techniques covering usability, security, and techniques. Looking at methods, patterns, and techniques is so important that it has developed into its own science and has created a set of...
JSP Examples and Best Practices