ת Ajax¡¢Comet¡¢HTML 5 Web Sockets¼¼Êõ±È½Ï·ÖÎö
¾ÅÊ®Äê´úÖÐÆÚ£¬WWWÒÔѸÃÍÖ®ÊÆ×ªÑÛõÒÉí´«²¥ÐÅÏ¢µÄÖ÷ÒªÇþµÀÖ®Ò»¡£ä¯ÀÀÆ÷µÄÉíÓ°¿ªÊ¼ÎÞ´¦²»ÔÚ£¬Óû§Ò²ËæÖ®¿ªÊ¼ÊÊÓ¦ÕâÖÖÐÅÏ¢´«²¥·½Ê½¡£ÏÔÈ»£¬WWWÌṩµÄÓ¦ÓÃÆ½Ì¨Äܹ»Ó®µÃÀúÊ·ÉÏÈκÎÒ»¸öƽ̨¶¼ÎÞ·¨±È¼°µÄÓû§Á¿¡£µ«µ±Ê±ºÜÄÑʵÏÖÕâÑùµÄÄ¿±êÊÇÒòΪһЩ±ê×¼£¨HTML¡¢HTTPµÈ£©¶¼²»ºÜÍêÉÆ£¬ÕâЩ±ê×¼Éè¼ÆµÄʱºò¶¼Ã»Óп¼Âǵ½¸ß¶È½»»¥ºÍ¸»¿Í»§ÌåÑé¡£×î³õµÄһЩ¸»ÔÚÏßÓ¦Óûù±¾É϶¼ÊÇÓÉMicrosoft Exchange¿ª·¢×éʵÏֵġ£96ÄêÒÔÀ´£¬ËûÃÇÔø²ÉÓÃIFrameΪÓʼþ·þÎñÆ÷ϵͳÌṩOutlookÀàÐ͵Äǰ¶ËÓ¦Óá£ÕâЩÔçÆÚ³¢ÊÔÔÚÏìÓ¦ÄÜÁ¦ºÍÕûÌåµÄÓû§ÌåÑé·½Ãæ¶¼·Ç³£Âäºó£¬µ«´ÓÕâЩӦÓÃÉíÉÏÈ´¿ÉÒÔÇå³þµØ¿´µ½¼´½«ÐËÆðµÄÍøÂçÓ¦Óá£1998Ä꣬ÍŶӿªÊ¼ÎªMS Exchange Server 2000±àдwebǰ¶Ë£¬ËûÃÇ¿ª·¢ÁËXMLHTTP£¬Õâ¸ö¿Ø¼þʵÏÖÁ˵¥¸öwebÒ³ÃæÓë·þÎñÆ÷¼äµÄÒì²½½»»¥¡£¿ÉÒÔ¿´µ½£¬XMLHTTPʵ¼ÊÉϸù±¾Ã»ÓÐÁ¢¼´ºÍ XMLÀ¦°óÆðÀ´¡£XMLHTTPÕâ¸öÃû×ÖÊÇAlex HopmannÌá³öµÄ£¬ËûÊǺóÀ´¼ÓÈ뿪·¢ÍŶӵ쬾Ý˵Ãû×Ö²ÉÓÃÕâ¸öǰ׺µÄΨһµÄÔÒòÊÇIE5µ±Ê±ÕýÔÚ×¼±¸µÚ¶þ¸öbeta°æ±¾£¬¶øÕâ¸ö¿Ø¼þ±ØÐë×÷ΪÕâ¸ö°æ±¾µÄMSXML¿âµÄÒ»²¿·Ö·¢²¼£¬Õâ²Å¹ÚÉÏÁËXML¡£
Mozilla»ù½ð»áÔÚ2002Ä꿪·¢ËûÃǵÄä¯ÀÀÆ÷µÄÒ»¸ö°æ±¾Ê±£¬Ò²ÒÔXMLHttpRequestµÄÐÎʽʵÏÖÕâһм¼Êõ£¬Õâ¸öä¯ÀÀÆ÷¾ÍÊǺóÀ´µÄ Firefox¡£¾¡¹Üµ±Ê±ÓÐһЩÉ̼ÒÒ²Ôø³¢ÊÔÔËÓÃÕâЩÐÂAPI£¬µ«ËûÃDzÉÓõĵÄÕâÖÖÔ¶³Ì½Å±¾³ÌÐòµÄģʽһֱûÓÐÒýÆð¹«ÖÚµÄ×¢Ò⣬ֱµ½Google¿ªÊ¼²¿Êð»ùÓÚJavaScriptºÍXHRµÄһϵÁÐÐÂÐÍ·þÎñ¡£µ±Ê±µÄµÚÒ»¸ö·þÎñÊÇ2005Äê2ÔÂ8ÈÕGoogle BlogÉÏ·¢²¼µÄGoogle Maps¡£Ö®ºó²»¾Ã£¬XHR¾ÍÒ»Ô¾³ÉΪҵ½ç×îÖËÊÖ¿ÉÈȵϰÌâ¡£Ö±µ½ÄÇʱ£¬Ò²»¹Ã»ÈËÔ¤Áϵ½XHR¸øWebÓ¦Óÿª·¢´øÀ´µÄ¸ïÃüÐÔµÄÍÆ¶¯£¬µ«ËüµÄ³É¹¦¿ªÊ¼ÈÃÎÒÃÇת±ä֮ǰ¶ÔWWWµÄһЩ¿´·¨¡£
ÔÚKaazing Gateway·¢²¼Ö®¼Ê£¬InfoQ²É·ÃÁËRichard Smith£¬Ì¸µ½¹ØÓÚAJAX, CometÒÔ¼°ÕôÕôÈÕÉϵÄHTML 5 Web SocketsµÈ¼¼ÊõµÄ·¢Õ¹Çé¿ö£º
AjaxΪHTTPͨÐÅÄ£ÐÍÌṩÁ˺ܺõĽâ¾ö·½°¸£¬ËüÔÚ¿Í»§¶ËÒì²½ÂÖѯ·þÎñÆ÷¶Ëʼþ¡£·þÎñÆ÷ʼþÒÀ´ÎÅÅÁÐÔÚ´ý´¦Àí¶ÓÁÐÖУ¬¸ù¾ÝÂÖѯʱ¼ä϶ÒÀ´Î´«Ë͵½ä¯ÀÀÆ÷£¬ÕâÑùÄ£Äâ·þÎñÆ÷·¢ÆðµÄͨÐÅ£¬ÔÚÂÖѯʱ¼ä϶¼ä½øÐÐʵʱÏûÏ¢´«µÝ¡£Òò´Ë£¬½ö½öÒÀ¿¿Ajax,ÎÒÃÇÓÀÔ¶¶¼²»¿ÉÄÜʵÏÖÕæÕýµÄʵʱͨÐÅ¡£
CometÒýÈëµÄÓÅ»¯Õë¶ÔµÄÊÇHTTPͨÐųõʼ֮ʱ£¬ËüÔÚHTTP»ù´¡ÉϲÉÓÓpush”ͨÐÅ·ç¸ñ¡£CometÌṩµÄ¼¸Ïî¼¼ÊõÄܹ»ÔÚûÓпͻ§¶Ë·¢ËÍÇëÇóµÄǰÌáÏÂÈ÷þÎñÆ÷Ö÷¶¯½«ÐÅÏ¢·¢Ë͵½ä¯ÀÀÆ÷¡£Èç¹ûÔÙÔö¼ÓÒ»¸ö¶îÍâµÄHTTPÁ¬½ÓµÄ»°£¬
Ïà¹ØÎĵµ£º
ajaxµÄÁбíÁª¶¯Ê¾Àý
1¡¢ ÊäÈëÓò£º
ÇëÑ¡ÔñÊ¡£º
<select id="sel1" onchange="return choose(this);">
<option value="">--ÇëÑ¡Ôñ--</option>
<option value="1">ºþÄÏÊ¡</option>
&nb ......
HTML £ Hyper Text Mark-up Language £ ³¬Îı¾±ê¼ÇÓïÑÔ
HTML-³¬Îı¾±ê¼ÇÓïÑÔ£¬ÊÇWWWµÄÃèÊöÓïÑÔ¡£Éè¼ÆHTMLÓïÑÔµÄÄ¿µÄÊÇΪÁËÄܰѴæ·ÅÔÚһ̨µçÄÔÖеÄÎı¾»òͼÐÎÓëÁíһ̨µçÄÔÖеÄÎı¾»òͼÐη½±ãµØÁªÏµÔÚÒ»Æð£¬ÐγÉÓлúµÄÕûÌ壬ÈËÃDz»Óÿ¼ÂǾßÌåÐÅÏ¢ÊÇÔÚµ±Ç°µçÄÔÉÏ»¹ÊÇÔÚÍøÂçµÄÆäËüµçÄÔÉÏ¡£ÎÒÃÇÖ» ......
ʹÓøñʽ£ºÔÚÒ³ÃæÖвåÈë
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=1.0, transition=12)">
<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=1.0, transition=12)">
duration=ʱ¼ä
Transitionv=·½Ê½
˵Ã÷£ºdurationÎªÒ³ÃæÇл»µÄʱ¼ä³¤¶È£¬3.000±íʾ3ÃëÖÓ£¬Ò»°ã¿ÉÒÔÖ±½ÓÊ ......
µ±ÓÃajax·µ»Ø¶à¸öÖµµÄʱºò£¬¿ÉÒÔÓÃxml£¬Ò²¿ÉÒÔÓÃjson
jsonʵÀý
<html>
<head>
<title>AjaxTest</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
& ......
HTMLÖÐSelect²»ÓÃDisabledʵÏÖReadOnlyµÄÁíÀàʵÏÖ.
<select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()">
<option>1</option>
</select> ......