ת 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¼¼ÊõͳÖεĻ¥ÁªÍøÊ±´ú£¬ºÜ¶àAjax³ÌÐò¶¼»áÔÚÒì²½¶ÁÈ¡Êý¾ÝµÄͬʱ£¬ÏÔʾһ¸öÕýÔÚ¶ÁÈ¡»òLoadingµÄ¶¯»£¬½ñÌì±òGoÒªÏò´ó¼Ò
ÍÆ¼öÒ»¸öÔÚÏßÉú³ÉLoadingÔ¤ÔØ¶¯»GifͼƬµÄÍøÕ¾£¬Ëü²»µ«ÌṩÁ˳¬¶àµÄLoading¶¯»Ñùʽ¹©ÄãÑ¡Ôñ£¬¶øÇÒÄ㻹¿ÉÒÔ×Ô¶¨Òå³ß´ç¡¢ÑÕÉ«µÈ²ÎÊý£¬¿É
ν·½±ãµ½¼Ò£¬×î×îÖØÒªµÄÊÇ£¬PreLoaders.net
Ìṩ ......
ajaxµÄÁбíÁª¶¯Ê¾Àý
1¡¢ ÊäÈëÓò£º
ÇëÑ¡ÔñÊ¡£º
<select id="sel1" onchange="return choose(this);">
<option value="">--ÇëÑ¡Ôñ--</option>
<option value="1">ºþÄÏÊ¡</option>
&nb ......
ʹÓøñʽ£ºÔÚÒ³ÃæÖвåÈë
<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ÖÐʹÓÃpost ·½Ê½Ìá½»±íµ¥Ê±ÄÜÌá½»¶à´ï2GBµÄÄÚÈÝ,¶øGET·½·¨Ö»ÄÜÌá½»×î¶à512KBµÄÄÚÈÝ.ÒÔÏÂÊÇajax POSTÌá½»µÄÀý×Ó.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head& ......
»ùÓÚJQuery¿ò¼ÜµÄAJAX
ǰ¼¸Ìì·¢Á˸öÌù£¬·ÖÏíÁËprototype¿ò¼Ü¹ØÓÚAJAX·½ÃæµÄѧϰ¹ý³Ì¡£È»ºóÓÐÈË˵jquery¿ò¼Ü¸ü·½±ã¡£
ÕýºÃÏîÄ¿ÖÐ×¼±¸Ê¹ÓÃthickbox£¬ÓÚÊǸɴàÅׯúprototype.js£¬¿´Æðjquery.jsÁË¡£JQueryȷʵ²»´í£¬Ìå»ý±È PrototypeСÁËÐí¶à£¬¶øÇÒʹÓÃÆðÀ´¸ü·½±ã¸üÁé»î¡£ÓÐÈË˵PrototypeÏñJAVA£¬Õýͳ£»¶øJQueryÏñRuby£¬Áé»î£ ......