Ajax

  • Revision slug: AJAX
  • Revision title: AJAX
  • Revision id: 37664
  • Created:
  • Creator: Dria
  • Is current revision? No
  • Comment

Revision Content

"Getting Started" box, if there is no "Getting Started" article yet written, should be populated with another featurearticle or tutorial.

Getting Started
An AJAX intro tutorial

{{template.Abbr("AJAX", "Asynchronous JavaScript and XML")}} (Asynchronous JavaScript and XML) is not a technology in itself, but is a term that describes a "new" approach to using a number of existing technologies together, including: HTML or XHTML, 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. This makes the application to appear faster and more responsive to user actions.

Newest Articles (View All) UP TO 10

AJAX:Getting Started
{{wiki.template('Added-date', [ "July 24, 2005" ])}} This article guides you through the AJAX basics and gives you two simple hands-on examples to get you started.
Ajax: A New Approach to Web Applications
{{wiki.template('Added-date', [ "External" ])}} Jesse James Garrett, of adaptive path, wrote this article in February 2005, introducing AJAX and its related concepts. "Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways."
A Simpler Ajax Path
{{wiki.template('Added-date', [ "External" ])}} "As it turns out, it's pretty easy to take advantage of the XMLHttpRequest object to make a web app act more like a desktop app--while still using traditional tools like web forms for collecting user input. I also found some great ways to handle server-side errors to make debugging less of a headache."
Fixing the Back Button and Enabling Bookmarking for AJAX Apps
{{wiki.template('Added-date', [ "External" ])}} Mike Stenhouse has penned this article, detailing some methods you can use to fix back button and bookmarking issues when developing AJAX applications.
AJAX Patterns: Design Patterns for AJAX Usability
{{wiki.template('Added-date', [ "External" ])}} "AJAX holds a lot of promise for web usability, and the underlying technology has already delivered some stunning applications. As AJAX emerges, we’re going to learn more about what sort of design works, and we’ll need ways of documenting this information and talking about it. Thus, it makes sense to begin cataloguing AJAX design patterns. These are some thoughts based on current examples and demo systems."
Ajax Mistakes
{{wiki.template('Added-date', [ "External" ])}} Alex Bosworth has written this article outlining some of the mistake AJAX application developers can make: "Sure Ajax is cool, and developers love to play with cool technology, but Ajax is a tool not a toy. ... 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."

All Articles...

References (View All)

All References...

Examples (View All)

All Examples...

Community

  • IRC channels, mailing lists, newsgroups, and other discussion forums can be linked to from here.

Tools

Other Resources (View All)

All Other Resources...

Related Topics

HTML, XHTML, Cascading Style Sheets, Document Object Model, JavaScript, XML, XSLT, DHTML

Categories

Interwiki Language Links


Revision Source

<p><span class="comment">"Getting Started" box, if there is no "Getting Started" article yet written, should be populated with another featurearticle or tutorial.</span>
</p>
<div class="callout-box"><b><a href="en/AJAX/Getting_Started">Getting Started</a></b><br>
<small>An AJAX intro tutorial</small></div>
<div>
<p>{{template.Abbr("AJAX", "Asynchronous JavaScript and XML")}} (Asynchronous JavaScript and XML) is not a technology in itself, but is a term that describes a "new" approach to using a number of existing technologies together, including: <a href="en/HTML">HTML</a> or <a href="en/XHTML">XHTML</a>, <a href="en/CSS">Cascading Style Sheets</a>, <a href="en/JavaScript">JavaScript</a>, <a href="en/DOM">The Document Object Model</a>, <a href="en/XML">XML</a>, <a href="en/XSLT">XSLT</a>, and the <a href="en/XMLHttpRequest">XMLHttpRequest object</a>.  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.  This makes the application to appear faster and more responsive to user actions.
</p>
</div>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name="Newest_Articles_.28View_All.29_UP_TO_10"> Newest Articles <span class="alllinks">(<a href="en/AJAX/Articles">View All</a>)</span> <span class="comment">UP TO 10</span> </h4>
<dl><dt> <a href="en/AJAX/Getting_Started">AJAX:Getting Started</a><br>
</dt><dd> <small>{{wiki.template('Added-date', [ "July 24, 2005" ])}} This article guides you through the AJAX basics and gives you two simple hands-on examples to get you started.</small>
</dd></dl>
<dl><dt> <a class="external" href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Ajax: A New Approach to Web Applications</a><br>
</dt><dd> <small>{{wiki.template('Added-date', [ "External" ])}} Jesse James Garrett, of <a class="external" href="http://www.adaptivepath.com">adaptive path</a>, wrote this article in February 2005, introducing AJAX and its related concepts.  "Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways."</small>
</dd></dl>
<dl><dt> <a class="external" href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">A Simpler Ajax Path</a><br>
</dt><dd> <small>{{wiki.template('Added-date', [ "External" ])}} "As it turns out, it's pretty easy to take advantage of the XMLHttpRequest object to make a web app act more like a desktop app--while still using traditional tools like web forms for collecting user input. I also found some great ways to handle server-side errors to make debugging less of a headache."</small>
</dd></dl>
<dl><dt> <a class="external" href="http://www.contentwithstyle.co.uk/Articles/38/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps">Fixing the Back Button and Enabling Bookmarking for AJAX Apps</a><br>
</dt><dd> <small>{{wiki.template('Added-date', [ "External" ])}} Mike Stenhouse has penned this article, detailing some methods you can use to fix back button and bookmarking issues when developing AJAX applications.</small>
</dd></dl>
<dl><dt> <a class="external" href="http://www.softwareas.com/ajax-patterns">AJAX Patterns: Design Patterns for AJAX Usability</a><br>
</dt><dd> <small>{{wiki.template('Added-date', [ "External" ])}} "AJAX holds a lot of promise for web usability, and the underlying technology has already delivered some stunning applications. As AJAX emerges, we’re going to learn more about what sort of design works, and we’ll need ways of documenting this information and talking about it. Thus, it makes sense to begin cataloguing AJAX design patterns. These are some thoughts based on current examples and demo systems."</small>
</dd></dl>
<dl><dt> <a class="external" href="http://alexbosworth.backpackit.com/pub/67688">Ajax Mistakes</a><br>
</dt><dd> <small>{{wiki.template('Added-date', [ "External" ])}} Alex Bosworth has written this article outlining some of the mistake AJAX application developers can make: "Sure Ajax is cool, and developers love to play with cool technology, but Ajax is a tool not a toy. ... 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."</small>  
</dd></dl>
<p><span class="alllinks"><a href="en/AJAX/Articles">All Articles...</a></span>
</p>
</td>
<td>
<h4 name="References_.28View_All.29"> References <span class="alllinks">(<a href="en/AJAX/References">View All</a>)</span> </h4>
<ul><li> <a href="en/Core_JavaScript_1.5_Reference">Core JavaScript 1.5 Reference</a>
</li><li> <a href="en/Core_JavaScript_1.5_Guide">Core JavaScript 1.5 Guide</a>
</li><li> <a href="en/XMLHttpRequest">XMLHttpRequest</a>
</li></ul>
<p><span class="alllinks"><a href="en/AJAX/References">All References...</a></span>
</p>
<h4 name="Examples_.28View_All.29"> Examples <span class="alllinks">(<a href="en/AJAX/Examples">View All</a>)</span> </h4>
<ul><li> <a class="external" href="http://www.webpasties.com/xmlHttpRequest/">Guide to Using XMLHttpRequest (with Baby Steps)</a> (webpasties.com)
</li><li> <a class="external" href="http://www.xml.com/pub/a/2005/02/09/xml-http-request.html">Very Dynamic Web Interfaces</a> (xml.com)
</li></ul>
<p><span class="alllinks"><a href="en/AJAX/Examples">All Examples...</a></span>
</p>
<h4 name="Community"> Community </h4>
<ul><li> IRC channels, mailing lists, newsgroups, and other discussion forums can be linked to from here.
</li></ul>
<h4 name="Tools"> Tools </h4>
<ul><li> <a class="external" href="http://blog.monstuff.com/archives/000252.html">AJAX Debugging Tool</a> (<a class="external" href="http://greasemonkey.mozdev.org/">greasemonkey</a> Script)
</li></ul>
<h4 name="Other_Resources_.28View_All.29"> Other Resources <span class="alllinks">(<a href="en/AJAX/Other_Resources">View All</a>)</span> </h4>
<ul><li> <a class="external" href="http://ajaxblog.com/">AJAX Blog</a>
</li><li> <a class="external" href="http://www.ajaxian.com/">Ajaxian Blog</a>
</li><li> <a class="external" href="http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest">AJAX Blog at fiftyfoureleven.com</a>
</li><li> <a class="external" href="http://www.ajaxmatters.com/">AJAX Matters</a>
</li><li> <a class="external" href="http://www.ajaxpatterns.org/Main_Page">AJAX Patterns</a>
</li></ul>
<p><span class="alllinks"><a href="en/AJAX/Other_Resources">All Other Resources...</a></span>
</p>
<h4 name="Related_Topics"> Related Topics </h4>
<dl><dd> <a href="en/HTML">HTML</a>, <a href="en/XHTML">XHTML</a>, <a href="en/CSS">Cascading Style Sheets</a>, <a href="en/DOM">Document Object Model</a>, <a href="en/JavaScript">JavaScript</a>, <a href="en/XML">XML</a>, <a href="en/XSLT">XSLT</a>, <a href="en/DHTML">DHTML</a> 
</dd></dl>
</td>
</tr>
</tbody></table>
<p><span class="comment">Categories</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p>
Revert to this revision