�??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>&#22269;&#20869;&#31934;&#21697;&#32654;&#22899;&#97;&#118;&#22312;&#32447;&#25773;&#25918;&#44;&#20037;&#20037;&#20037;&#20037;&#39640;&#28526;&#27611;&#29255;&#20813;&#36153;&#20840;&#37096;&#25773;&#25918;&#44;&#20122;&#27954;&#27431;&#27954;&#22312;&#32447;&#19968;&#21306;</title><link>http://www.aygfsteel.com/yuwenlin/category/38642.html</link><description /><language>zh-cn</language><lastBuildDate>Sun, 29 Mar 2009 15:56:53 GMT</lastBuildDate><pubDate>Sun, 29 Mar 2009 15:56:53 GMT</pubDate><ttl>60</ttl><item><title>AJAX开发简�?(�W�二部分)(�?</title><link>http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262756.html</link><dc:creator>独孤�?/dc:creator><author>独孤�?/author><pubDate>Sun, 29 Mar 2009 12:11:00 GMT</pubDate><guid>http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262756.html</guid><wfw:comment>http://www.aygfsteel.com/yuwenlin/comments/262756.html</wfw:comment><comments>http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262756.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/yuwenlin/comments/commentRss/262756.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/yuwenlin/services/trackbacks/262756.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 七、AJAX开�?　　到这里，已经可以清楚的知道AJAX是什么，AJAX能做什么，AJAX什么地方不好。如果你觉得AJAX真的能给你的开发工作带来改�q�的话，那么�l�箋看看怎么使用AJAX吧�?7.1、AJAX应用到的技�?　　AJAX涉及到的7��Ҏ(gu��)��术中�Q�个�����为Javascript、XMLHttpRequest、DOM、XML比较有用�?
A、XMLHttpRequest对象
　　XML...&nbsp;&nbsp;<a href='http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262756.html'>阅读全文</a><img src ="http://www.aygfsteel.com/yuwenlin/aggbug/262756.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/yuwenlin/" target="_blank">独孤�?/a> 2009-03-29 20:11 <a href="http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262756.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>AJAX开发简�?�W�一部分)(�?</title><link>http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262730.html</link><dc:creator>独孤�?/dc:creator><author>独孤�?/author><pubDate>Sun, 29 Mar 2009 08:27:00 GMT</pubDate><guid>http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262730.html</guid><wfw:comment>http://www.aygfsteel.com/yuwenlin/comments/262730.html</wfw:comment><comments>http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262730.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/yuwenlin/comments/commentRss/262730.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/yuwenlin/services/trackbacks/262730.html</trackback:ping><description><![CDATA[<p>因�ؓ(f��)正在自学Ajax�Q�看��C���?a >柯自�?/a>的这���《AJAX开发简略》写得不错，���拿来�{载一下：(x��)</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在��用浏览器���览�|�页的时候，当页面刷新很慢的时候，你的���览器在�q�什么？你的屏幕内容是什么？是的�Q�你的浏览器在等待刷斎ͼ�而你的屏�q�内�Ҏ(gu��)��一片空白，而你在屏�q�前苦苦的等待浏览器的响应。开发�h员�ؓ(f��)了克服这�U�尴���的局面，不得不在每一个可能需要长旉����{�待响应的页面上增加一个DIV�Q�告诉用�?#8220;�pȝ��正在处理�(zh��n)�的��h���Q�请�E��?#8230;&#8230;&#8221;�?</p>
<p>　　现在�Q�有一�U�越来越���行���热�?#8220;�?#8221;技术，可以��d��改变�q�种�H�迫的局面。那���是AJAX。如今，随着Gmail、Google-maps的应用和各种���览器的支持�Q�AJAX正逐渐吸引全世界的眼球�?/p>
<p><a><strong>一、AJAX定义</strong></a><br />
　　 AJAX�Q�Asynchronous JavaScript and XML�Q�其实是多种技术的�l�合�Q�包括Javascript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest。其中：(x��) </p>
<p>　　使用XHTML和CSS标准化呈玎ͼ�使用DOM实现动态显�C�和交互�Q���用XML和XSTL�q�行数据交换与处理，使用XMLHttpRequest对象�q�行异步数据��d���Q���用Javascript�l�定和处理所有数据�?/p>
<p>　　在AJAX提出之前�Q�业界对于上�q�技术都只是单独的��用，没有�l�合使用�Q�也是由于之前的技术需求所军_��的。随着应用的广泛，AJAX也成为香饽饽了�?/p>
<p><a><strong>二、现状与需要解决的问题</strong></a><br />
　　传统的Web应用采用同步交互�q�程�Q�这�U�情况下�Q�用户首先向HTTP服务器触发一个行为或��h��的呼求。反�q�来�Q�服务器执行某些��d���Q�再向发�����求的用户�q�回一个HTML��面。这是一�U�不�q�诏的用户体验，服务器在处理��h��的时候，用户多数旉���处于�{�待的状态，屏幕内容也是一片空白。如下图�Q?</p>
<div align="center"><img height="434" alt="" src="http://www.aygfsteel.com/images/blogjava_net/yuwenlin/ajax001.jpg" width="262" border="0" /></div>
<div align="center"><img alt="" src="http://www.aygfsteel.com/images/blogjava_net/yuwenlin/ajax002.jpg" border="0" /></div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;自从采用���文本作为Web传输和呈��C��后，我们都是采用�q�么一套传输方式。当负蝲比较?y��u)��的时候，�q��ƈ不会(x��)体现出有什么不妥。可是当负蝲比较大，响应旉���要很长，1分钟�?分钟&#8230;&#8230;数分钟的时候，�q�种�{�待��׃��可忍受了。严重的�Q�超�q�响应时��_(d��)��服务器干脆告诉你��面不可用。另外，某些时候，我只是想改变��面一���部分的数据�Q�那��Z��么我必须重新加蝲整个��面呢？�Q�当软�g设计���来���讲�I��h性化的时候，�q�么�p�糕的用户体验简直与�q�种原则背道而驰。�ؓ(f��)什么老是要让用户�{�待服务器取数据呢？臛_���Q�我们应该减���用��L(f��ng)��待的旉���。现在，除了�E�序设计、编码优化和服务器调优之外，�q�可以采用AJAX�?/p>
<p><a><strong>三、�ؓ(f��)什么��用AJAX</strong></a><br />
　　与传�l�的Web应用不同�Q�AJAX采用异步交互�q�程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了�|�络交互�q�程中的处理—等待—处理—等待缺炏V��用��L(f��ng)�����览器在执行��d��时即装蝲了AJAX引擎。AJAX引擎用JavaScript语言�~�写�Q�通常藏在一个隐藏的框架中。它负责�~�译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用��Y件之间的交互�q�程异步�q�行�Q�独立于用户与网�l�服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替��生一个HTTP的用户动作，内存中的数据�~�辑、页面导航、数据校验这些不需要重新蝲入整个页面的需求可以交�l�AJAX来执行�?/p>
<p>
<div align="center"><img alt="" src="http://www.aygfsteel.com/images/blogjava_net/yuwenlin/ajax003.jpg" border="0" /></div>
<div align="center"><img alt="" src="http://www.aygfsteel.com/images/blogjava_net/yuwenlin/ajax004.jpg" border="0" /></div>
使用AJAX�Q�可以�ؓ(f��)ISP、开发�h员、终端用户带来可见的便捷�Q?</p>
<ul>
    <li>减轻服务器的负担。AJAX的原则是&#8220;按需取数�?#8221;�Q�可以最大程度的减少冗余��h���Q�和响应�Ҏ(gu��)��务器造成的负担�?
    <li>无刷新更新页面，减少用户心理和实际的�{�待旉���。特别的�Q�当要读取大量的数据的时候，不用像Reload那样出现白屏的情况，AJAX使用XMLHTTP对象发送请求�ƈ得到服务器响应，在不重新载入整个��面的情况下用Javascript操作DOM最�l�更新页面。所以在��d��数据的过�E�中�Q�用��h��面对的不是白屏，是原来的��面内容�Q�也可以加一个Loading的提�C�框让用��L(f��ng)��道处于读取数据过�E�）�Q�只有当数据接收完毕之后才更新相应部分的内容。这�U�更新是瞬间的，用户几乎感觉不到�?
    <li>带来更好的用户体验�?
    <li>可以把以前一些服务器负担的工作�{嫁到客户端，利用客户端闲�|�的能力来处理，减轻服务器和带宽的负担，节约�I�间和宽带租用成本�?
    <li>可以调用外部数据�?
    <li>��Z��标准化的�q�被�q�泛支持的技术，不需要下载插件或者小�E�序�?
    <li>�q�一步促�q�页面呈现和数据的分���R�?</li>
</ul>
<p><a><strong>四、谁在��用AJAX</strong></a><br />
　　在应用AJAX开发上面，Google当仁不让是表率。Orkut、Gmail、Google Groups、Google Maps、Google Suggest都应用了�q�项技术。Amazon的A9.com搜烦引擎也采用了�c�M��的技术�?</p>
<p>　　微��Y也在�U�极开发更为完善的AJAX应用�Q�它卛_��推出代号为Atlas的AJAX工具。Atlas的功能超���了AJAX本��n�Q�包括整合Visual Studio的调试功能。另外，新的ASP.NET控�g�����客户端控件与服务器端代码的捆�l�更为简�ѝ��Atlas客户脚本框架�Q�Atlas Clent Script Framework�Q�也使与�|�页及相关项目的交互更�ؓ(f��)便利。但Visual Studio 2005中�ƈ不包含此��功能�?/p>
<p>　　微��Y最�q�宣布Atlas客户脚本框架���包含如下内容（详细资料误���问Atlas计划�|�站�Q�：(x��)</p>
<ul>
    <li>一个可扩展的核心框�Ӟ��它添加了JavaScript功能�Q�如生命同时期管理、��承管理、多点传送处理器和界面管理�?
    <li>一个常见功能的基本�c�d���Q�有丰富的字�W�串处理、计时器和运行�Q务�?
    <li>为HTML附加动态行为的用户界面框架�?
    <li>一�l�用来简化服务器�q�通和�|�络讉K��的网�l�堆栈�?
    <li>一�l�丰富的用户界面开发控�Ӟ��如：(x��)自动完成的文本框、动��d��拖放�?
    <li>处理���览器脚本行为差异的���览器兼容层面�?</li>
</ul>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;典型的，微��Y���AJAX技术应用在MSN Space上面。很多�h一直都对MS Space服务感到很奇怪，当提交回复评��Z��后，���览器会(x��)暂时停顿一下，然后在无��h��的情况下把我提交的评论显�C�出来。这个就是应用了AJAX的效果。试惻I��如果��d��一个评论就要重新刷新整个页面，那可真费事�?</p>
<p>　　目前�Q�AJAX应用最普遍的领域是GIS-Map斚w��。GIS的区域搜索强调快速响应，AJAX的特�Ҏ(gu��)��好符合这�U�需求�?/p>
<p><a><strong>五、用AJAX改进你的设计</strong></a><br />
　　 AJAX虽然可以实现无刷新更新页面内容，但是也不是什么地斚w��可以用，主要应用在交互较多、频�J�读数据、数据分�c�良好的Web应用中。现在，让我们�D两个例子�Q�看看如何用AJAX改进你的设计�?a><br />
<br />
例子1�Q�数据校�?br />
</a>　　在输入form表单内容的时候，我们通常需要确保数据的唯一性。因此，常常在页面上提供&#8220;唯一性校�?#8221;按钮�Q�让用户点击�Q�打开一个校验小�H�口�Q�或者等form提交到服务器端，由服务器判断后在�q�回相应的校验信息。前者，window.open操作本来���是比较耗费资源的，通常由window. showModalDialog代替�Q�即使这样也要弹��Z��个对话框�Q�后者，需要把整个��面提交到服务器�q�由服务器判断校验，�q�个�q�程不仅旉���长而且加重了服务器负担。而��用AJAX�Q�这个校验请求可以由XMLHttpRequest对象发出�Q�整个过�E�不需要弹出新�H�口�Q�也不需要将整个��面提交到服务器�Q�快速又不加重服务器负担�?a>例子2�Q�按需取数据—��联菜�?br />
</a>　　以前�Q��ؓ(f��)了避免每�ơ对菜单的操作引��L(f��ng)��重蝲��面�Q�不采用每次调用后台的方式，而是一�ơ性将�U�联菜单的所有数据全部读取出来�ƈ写入数组�Q�然后根据用��L(f��ng)��操作用JavaScript来控制它的子集项目的呈现�Q�这栯���然解决了操作响应速度、不重蝲��面以及避免向服务器频繁发送请求的问题�Q�但是如果用户不对菜单进行操作或只对菜单中的一部分�q�行操作的话�Q�那��d��的数据中的一部分��׃��(x��)成�ؓ(f��)冗余数据而浪费用��L(f��ng)��资源�Q�特别是在菜单结构复杂、数据量大的情况下（比如菜单有很多��、每一�U�菜又有上百个项目）�Q�这�U�弊端就更�ؓ(f��)�H�出�?</p>
<p>　　现在应用AJAX�Q�在初始化页面时我们只读出它的第一�U�的所有数据�ƈ昄����Q�在用户操作一�U�菜单其中一��Ҏ(gu��)���Q�会(x��)通过Ajax向后台请求当前一�U�项目所属的二��子菜单的所有数据，如果再���l�请求已�l�呈现的二��菜单中的一��Ҏ(gu��)���Q�再向后面请求所操作二��菜单��对应的所有三�U�菜单的所有数据，以此�c�L��&#8230;&#8230;�q�样�Q�用什么就取什么、用多少���取多少�Q�就不会(x��)有数据的冗余和浪费，减少了数据下载总量�Q�而且更新��面时不用重载全部内容，只更新需要更新的那部分即可，相对于后台处理�ƈ重蝲的方式羃短了用户�{�待旉����Q�也把对资源的浪贚w��到最低�?/p>
<p><a>例子3�Q�读取外部数�?br />
</a>　　AJAX可以调用外部数据�Q�因此，可以对一些开发的数据比如XML文���、RSS文����q�行二次加工�Q�实现数据整合或者开发应用程序�?/p>
<p><a><strong>六、AJAX的缺�?/strong></a> </p>
<p>AJAX不是完美的技术。��用AJAX�Q�它的一些缺陷不得不权衡一下：(x��) </p>
<ul>
    <li>AJAX大量使用了Javascript和AJAX引擎�Q�而这个取决于���览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持�Q�Mozilla虽然也支持AJAX�Q�但是提供XMLHttpRequest的方式不一栗���所以，使用AJAX的程序必���L��试针对各个浏览器的兼�Ҏ(gu��)���?
    <li>AJAX更新��面内容的时候�ƈ没有��h��整个��面�Q�因此，�|�页的后退功能是失效的�Q�有的用戯����l�常搞不清楚现在的数据是旧的�q�是已经更新�q�的。这个就需要在明显位置提醒用户&#8220;数据已更�?#8221;�?
    <li>�Ҏ(gu��)��媒体的支持没有FLASH、Java Applet好�?
    <li>一些手持设备（如手机、PDA�{�）现在�q�不能很好的支持Ajax�?</li>
</ul>
<p>&nbsp;</p>
<img src ="http://www.aygfsteel.com/yuwenlin/aggbug/262730.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/yuwenlin/" target="_blank">独孤�?/a> 2009-03-29 16:27 <a href="http://www.aygfsteel.com/yuwenlin/archive/2009/03/29/262730.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>