�??xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>&#x56FD;&#x4EA7;&#x7CBE;&#x54C1;&#x4E00;&#x533A;&#x4E8C;&#x533A;&#x4E09;&#x533A;&#x4E45;&#x4E45;&#x2C;&#x4E9A;&#x6D32;&#x5929;&#x5802;&#x514D;&#x8D39;&#x5728;&#x7EBF;&#x2C;&#x56FD;&#x4EA7;&#x6210;&#x4EBA;&#x7EFC;&#x5408;&#x4E9A;&#x6D32;</title><link>http://www.aygfsteel.com/gen-sky/category/42988.html</link><description>�l�日昏昏醉梦��_��忽闻春尽强登山，  因过竚w��逢僧话，偷得���生半日闌Ӏ?/description><language>zh-cn</language><lastBuildDate>Mon, 07 Dec 2009 03:33:51 GMT</lastBuildDate><pubDate>Mon, 07 Dec 2009 03:33:51 GMT</pubDate><ttl>60</ttl><item><title>Ajax:一�U�新的开发Web应用软�g的途径</title><link>http://www.aygfsteel.com/gen-sky/articles/ajax.html</link><dc:creator>星期�?/dc:creator><author>星期�?/author><pubDate>Mon, 07 Dec 2009 03:17:00 GMT</pubDate><guid>http://www.aygfsteel.com/gen-sky/articles/ajax.html</guid><wfw:comment>http://www.aygfsteel.com/gen-sky/comments/304977.html</wfw:comment><comments>http://www.aygfsteel.com/gen-sky/articles/ajax.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/gen-sky/comments/commentRss/304977.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/gen-sky/services/trackbacks/304977.html</trackback:ping><description><![CDATA[<div style="margin: 8px 15px 15px; padding: 12px 15px 5px;">
<p>����?/p>
<p>世界上最权威的关于ajax的系�l�介�l?/p>
</div>
<p style="text-align: center;">译者：本文是世界上�W�一���关于ajax�pȝ���?a  target="_blank"><font color="#335533">介绍</font></a>。作者通过�q�篇文章创造了"ajax"(阿迦克斯)�q�个词�?/p>
<p><img style="float: left;" alt="A picture of Jesse James Garrett." src="http://www.adaptivepath.com/images/team/headshot_garrett.jpg" width="180" height="271" /></p>
<div>
<p>&nbsp;&nbsp;   在现在的互动性设计中如果有一�U�能够被�U�Cؓ"�q��h�?�Q�那一定是web 应用软�g。除此之外，我们最后一�ơ听到有��Zؓ某个(不处�?a  target="_blank"><font color="#335533">Web</font></a>之上�?交互式设计而們ր�是在什么时候？(ok�Q�除了ipod)所有够��P��富有创意的新设计都是在线的�?/p>
<p>���管如此�Q?a  target="_blank"><font color="#335533">Web</font></a>交互设计者仍不能不对开发桌面��Y件的同僚们感��C��丝妒忌。桌面应用��Y件有着丰富而及时的响应�Q�相对于此，在Web之上�E�序��g��遥不可及。同��L��情况也隐含在web快速增长的应用之中�Q�它在我们能够实现的用户体验以及用户已经从桌面应用程序中获得的体验之间��生了隔阂�?/p>
</div>
<p>目前�q�种隔阂正在被打破。看�?a  target="_blank"><font color="#335533">google</font></a>�����(Google Suggest)。当你敲上一个新词时�Q�徏议的词汇几乎是立卛_��现的。再看看Google Maps�Q���用你的鼠标抓取地囑�ƈ�E�稍�U�d���Q�再�U�d���Q�一切都会立卛_��玎ͼ�而不需�{�待��面��h���?/p>
<p>Google Suggest和Google Maps是这�U�新实现途径�?个例子，在Adaptive Path我们�U�C��为Ajax。这个名字是异步JavaScript+XML的羃写。它代表了一�U�在web之上可能实现的基本方式�?/p>
<h2>定义Ajax�Q?/h2>
<p>Ajax�q�不是一��Ҏ��术。它实质上是用一�U�强大的新方式结合在一��L��一�p�d��技术集�Q�其中的每一��Ҏ��术都在他们自��q��领域里面相当���行。Ajax包括�Q?/p>
<p style="padding-left: 30px;">&#183;使用XHTML和CSS创造基于标准的呈现;</p>
<p style="padding-left: 30px;">&#183;使用文档对象模型(DOM)的动态响应与交互;</p>
<p style="padding-left: 30px;">&#183;使用XML和XSLT�q�行数据数据交互和处�?</p>
<p style="padding-left: 30px;">&#183;使用XMLHttPRequest�q�行异步的数据检�?</p>
<p style="padding-left: 30px;">&#183;使用javascript�l�定一�?</p>
<p><a  target="_blank"><font color="#335533">�l�典</font></a>�?
web应用模型是这么工作的�Q�在界面上的大多数用��h��作都能触发一个http的请求传回web服务器。服务器�q�行一些处理－�Q�检索数据，处理数据�Q�与其他
的早期系�l�进行交互－�Q�然后传回一个http��面�q�回客户端。这个模型是�Ҏ��Web最初的���文本链接方式编写的。但是作为《The Elements
of User Experience》的fans,我们知道�Q�让web与超文本高效融合的实现方式与�~�写好的软�g应用�q�无直接联系�?/p>
<p style="text-align: center;"><img alt="Ajax Overview 1" src="http://www.adaptivepath.com/images/publications/essays/ajax-fig1_small.png" border="0" width="475" height="455" /></p>
<p style="text-align: center;"><strong>囄���1�Q�传�l�的web应用模型(�?与Ajax模型的对�?�?</strong></p>
<p>�q�个实现方式很有技术上的感觉，但它无助于创造更好的用户体验。当服务器在做这些事情的时候，用户在干什么？没错�Q�是�{�待。而在�q�项��d��里面的每一
步，用户都要�{�待若干旉���。显�Ӟ��如果我们要从头设计一个符合要求的web应用�Q�我们不能让用户�q�么一直呆呆地�{�着。页面装载完成后�Q��ؓ什么一旦应用程�?
需要从服务器上获取数据�Ӟ��都要让用户中断他们的交互�Q�事实上�Q��ؓ什么要让用��L��到这�?应用�E�序与服务器�?交互�q�程�Q?/p>
<h2>Ajax有什么不同？</h2>
<p>一个Ajax应用�E�序通过在用户与服务器之间引�q�一�U�称为Ajax引擎的中间媒介，能够从根本上消除�q�种开始－�{�待�Q�开始－�{�待的web交互�q�程。这听�v来象是往�E�序里面��d��一个抽象层(layer)而让它更���地作出响应。但事实�q�不如此�?/p>
<p>在开始一个会�?session)�Ӟ�����览器加载Ajax引擎——用javascript�~�写�q����常位于一个隐藏的frame中－�Q�以取代加蝲
web��面。这个引擎同时负责�ؓ用户看到的界面进行描�q�C��及响应用��L����h���q�与服务器进行交互。Ajax允许用户与服务器�q�行异步的交互－�Q�独立于服务�?
的通讯。因此用户就不必一直呆呆地盯着一个空白的���览器窗口和沙漏图标�Q�等着服务器做后面的事�?/p>
<p style="text-align: center;"><img alt="Ajax Overview 2" src="http://www.adaptivepath.com/images/publications/essays/ajax-fig2_small.png" border="0" width="475" height="598" /></p>
<p style="text-align: center;"><strong>囄���2:传统web应用的同步交互模�?上面)与Ajax应用的异步交互模�?下面)</strong></p>
<p>用户的每个动作通常都会产生的http的请求被javascript传向Ajax引擎的调用取代了。�Q何关于用户动作的响应�q�不都需要传回服务器
——比如简单的数据验证�Q�在内存中修�Ҏ��据，甚至包括一些导航——引擎能够自己处理这些。如果引擎需要一些要从服务器获得响应的东襎쀔—比如提交数据进�?
处理�Q�加载额外的界面代码�Q�或���索新的数据，引擎能够让这些请求异步地发送，�q�通常使用XML�Q�且无需用户停止它们与应用程序的交互�?/p>
<h2>谁在使用Ajax?</h2>
<p>Google在完善Ajax上投入巨大。所有Google��d��发布的主要��品——orkut�Q�Gmail�Q�最新beta版的Google
Groups�Q�Google Suggests�Q�Google
Maps——都是Ajax的应用�?惌���得更多有关Ajax实现的具体细节，可以参考这些关于Google Groups�Q�Google
Suggests和Google Maps�?a  target="_blank"><font color="#335533">�l�典</font></a>分析)其他的还包括以下�q�些�Q�在Flickr上许多�h们喜�Ƣ的�Ҏ��是通过Ajax实现的，Amazon的A9.com搜烦引擎也��用了同样的技术�?/p>
<p>�q�些��目表明Ajax�q�不只是一�U�技术层面的������Q�同时也是现实中��h��实践意义的应用。这�q�不是某�U�只存在于实验室的技术。Ajax应用可以是�Q何�Ş式，从非常简单的�Q�单函数的Google Suggest到非常复杂尖端的Google Maps�?/p>
<p>在Adaptive
Path�Q�过�ȝ��几周里我们一直在使用Ajax�Q�同时我们意识到我们对Ajax所能实现的丰富的交互能力以及响应只是浅���辄止。对于web应用�?
�a��Q�Ajax是一�U�重要的�q�展�Q�同时它的重要性刚刚显�C�出来。已�l�有很多的开发�h员知道如何��用这些技术，我们期望能有更多的团体在实现更有竞争力的
Ajax应用上紧跟Google的脚步�?/p>
<h2>展望未来</h2>
<p>Ajax应用上最大的挑战�q�不是来自于技术。Ajax的核心技术已�l�是成熟�Q�稳定，且易于理解的。相对的是，真正的挑战在于这些应用程序的设计者们�Q�如何忘记我们所��x��知的一切有关web的局限，�q�同时开始想象更大更宽广的可能�?/p>
<p>�q�将会很有趣�?img title="眨眼" alt="眨眼" src="http://www.yeeyan.com/tinymce3/jscripts/tiny_mce/plugins/emotions/img/smiley-wink.gif" border="0" /></p>
<hr />
<h2>Ajax Q&amp;A</h2>
<p>自从我们发表了Jesse的论文后�Q�我们收到大量读者咨询Ajax问题的信件。在以下的Q&amp;A部分�Q�Jesse回答了一些最常见的问题�?/p>
<p>Q. 是Adaptive Path发明了Ajax吗？�q�是Google�Q�亦或是Adaptive Path帮助<a  target="_blank"><font color="#335533">google</font></a>实现了这些Ajax应用�Q?/p>
<p>A. Adaptive Path与Google都没有创造Ajax。Google最新的产品只不�q�是Ajax技术的一些儿鲜明的��用例子。Adaptive Path�q�不只是参与了Google关于Ajax引擎的应用。我们还��Z��些其他的客户开发Ajax作品�?/p>
<p>Q. Adaptive Path在贩卖Ajax�l��g或注册了Ajax�q�个名字吗？我从哪里可以下蝲它？</p>
<p>A. Ajax�q�不是某�U�你能够下蝲到的东西。它实际上是一�U�途径——一�U�你用来思考如何��用特定技术徏立web框架的方式。Adaptive Path�q�不拥有Ajax名字和技术的所有权�?</p>
<p>Q. Ajax是XMLHttpRequest的别名吗�Q?/p>
<p>A.
不是的。XMLHttpRequest仅仅只是Ajax�q�个技术集合中的一部分。XMLHttpRequest�q�个技术组件让异步的服务器通讯�U�Cؓ可能�?
Ajax�q�个名字的由来在我们的文章里已经有详�l�的描述�Q�它�q�不只依赖于XMLHttpRequest�Q�还有CSS, DOM�{�等其他的技术�?/p>
<p>Q. ��Z��么你觉得有必要取�q�么一个名字？</p>
<p>A. 当我与客戯��������个实现方法的时候，我需要某个比"异步的JavaScript+CSS+DOM+XMLHttpRequest"更简短的名字�?/p>
<p>Q. 异步服务器通讯技术已�l�存在很多年了。�ؓ什么说Ajax是一�U?新的"实现方式�Q?/p>
<p>A. Ajax是一�U�在现实中能够改变基本web交互模型的新的且显著的技术��用方式。Ajax之所以这么迷人是</p>
<p>因�ؓ�q�些公司明白如何最高效��C��用它们从容地�q�行开发�?/p>
<p>Q. Ajax是一�U�技术��^台还是一�U�架构风��|��</p>
<p>A. 两方面都是。Ajax是以某种�Ҏ��方式使用的技术合集�?/p>
<p>Q. 最适合Ajax的是哪种应用�Q?/p>
<p>A. 我们也还不清楚。这是一�U�互相关联的新的实现途径。我们对什么是Ajax最佛_��用的理解仍处于初�U�阶�D�c��有时传�l�的web应用模型仍是某些问题的最佌�����x��案�?/p>
<p>Q. �q�意味着Adaptive Path是flash的反对者吗�Q?/p>
<p>A.
没有的事。Macromedia也是我们的一个客戗���而且我们长久以来一直支持flash技术。当Ajax技术成熟之后，我们希望它有时在某些问题上是一
个更好的解决�Ҏ���Q�有时flash则会是更���的那个。我们同样对��L��融合两种技术的途径很感兴趣�?���Flickr而言�Q�他们就同时使用了这两种技�?</p>
<p>Q.Ajax有明昄���可访问性或���览器兼�Ҏ��的局限吗�Q�Ajax应用会破坏后退按钮的功能吗�Q�Ajax能够与重�|�功�?REST)兼容吗？对于Ajax的发展有没有需要进行安全性的考量�Q�对讨厌javascript的用��P��有没有��用Ajax的可能？</p>
<p>A.所有对�q�些问题的回�{�都�?有可�?。许多的开发者已�l�在��L��定位�q�些问题的方式了。但我们认�ؓ�Q�要���定Ajax的所有局限，仍有很多工作要做。同时我们期待Ajax的开发社�����够发现更多的�q�类问题�?/p>
<p>Q.你引用的一些Google的例子完全没有��用XML。在一个Ajax应用里面�Q�我都必���M��用XML或XSLT吗？</p>
<p>A.XML是Ajax客户端获取及发送数据的一个相当成熟的方式。但没有��M��理由限制你不能��用一些象javascript object notation之类�l�构化数据交互技术来实现相同的功能�?/p>
<p>Q. Ajax应用会比传统的web应用�E�序更容易开发吗�Q?/p>
<p>A. �q�不一定。Ajax应用不可避免地需要在客户端运行复杂的javascript代码。让�q�些复杂的代码高效且无错误地�q�行�q�不是一件容易的事。我们同样需要一些更好的开发工��h��架构来迎接这些挑战�?/p>
<p>Q. Ajax应用�E�序一定会比传�l�的web应用�E�序��h��更好的用户体验吗�Q?/p>
<p>A. �q�不一定。Ajax赋予了交互设计者们更多的灵�z�L��。然而，我们拥有���强大的能力�Q�在�q�用中我们就会有更多的细节需要关心。在我们的应用程序中我们一定要更加谨慎��C��用Ajax来增强用户体验，而不是削弱它�?/p>
<p>转自�Q?nbsp;&nbsp; http://hi.baidu.com/jantouy/blog/item/c7aed9fa5cdedad9b58f312b.html</p>
<img src ="http://www.aygfsteel.com/gen-sky/aggbug/304977.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/gen-sky/" target="_blank">星期�?/a> 2009-12-07 11:17 <a href="http://www.aygfsteel.com/gen-sky/articles/ajax.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>                                                                              <footer>
<div class="friendship-link">
<a href="http://www.aygfsteel.com/" title="&#29408;&#29408;&#20037;&#20037;&#20122;&#27954;&#27431;&#32654;&#19987;&#21306;&#95;&#20013;&#25991;&#23383;&#24149;&#20122;&#27954;&#32508;&#21512;&#20037;&#20037;&#50;&#48;&#50;&#95;&#22269;&#20135;&#31934;&#21697;&#20122;&#27954;&#31532;&#20116;&#21306;&#22312;&#32447;&#95;&#26085;&#26412;&#20813;&#36153;&#32593;&#31449;&#35270;&#39057;">&#29408;&#29408;&#20037;&#20037;&#20122;&#27954;&#27431;&#32654;&#19987;&#21306;&#95;&#20013;&#25991;&#23383;&#24149;&#20122;&#27954;&#32508;&#21512;&#20037;&#20037;&#50;&#48;&#50;&#95;&#22269;&#20135;&#31934;&#21697;&#20122;&#27954;&#31532;&#20116;&#21306;&#22312;&#32447;&#95;&#26085;&#26412;&#20813;&#36153;&#32593;&#31449;&#35270;&#39057;</a>

</div>

</footer>


��վ֩���ģ�壺
<a href="http://" target="_blank">��ˮ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��ǿ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��³����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��Դ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">�ϰ���</a>|
<a href="http://" target="_blank">��ͭϿ��</a>|
<a href="http://" target="_blank">�鶴��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">Ѯ����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��ԭ��</a>|
<a href="http://" target="_blank">��ˮ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">�ų���</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">���������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">�°Ͷ�������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">�����</a>|
<a href="http://" target="_blank">�ʻ���</a>|
<a href="http://" target="_blank">ǭ��</a>|
<a href="http://" target="_blank">ͨ����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">����</a>|
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>