Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

dz̸Ajax¼¼ÊõµÄ·¢Õ¹Ê·

¹úÄÚͨ³£µÄ¶ÁÒôΪ“°¢¼Ö¿Ë˹”ºÍ°¢¼Ö¿Ë˹×ãÇò¶Ó¶ÁÒôÒ»Ñù¡£WebÓ¦ÓõĽ»»¥ÈçFlickr, BackpackºÍGoogleÔÚÕâ·½ÃæÒѾ­ÓÐÖʵķÉÔ¾¡£Õâ¸öÊõÓïÔ´×ÔÃèÊö´Ó»ùÓÚÍøÒ³µÄWebÓ¦Óõ½»ùÓÚÊý¾ÝµÄÓ¦ÓõÄת»»¡£ÔÚ»ùÓÚÊý¾ÝµÄÓ¦ÓÃÖУ¬Óû§ÐèÇóµÄÊý¾ÝÈçÁªÏµÈËÁÐ±í£¬¿ÉÒÔ´Ó¶ÀÁ¢ÓÚʵ¼ÊÍøÒ³µÄ·þÎñ¶ËÈ¡µÃ²¢ÇÒ¿ÉÒÔ±»¶¯Ì¬µØдÈëÍøÒ³ÖУ¬¸ø»ºÂýµÄWebÓ¦ÓÃÌåÑé×Åɫʹ֮Ïñ×ÀÃæÓ¦ÓÃÒ»Ñù¡£ ËäÈ»´ó²¿·Ö¿ª·¢ÈËÔ±ÔÚ¹ýȥʹÓùýXMLHttp»òÕßʹÓÃIframeÀ´¼ÓÔØÊý¾Ý£¬µ«½öµ½ÏÖÔÚÎÒÃDzſ´µ½´«Í³µÄ¿ª·¢ÈËÔ±ºÍ¹«Ë¾¿ªÊ¼²ÉÓÃÕâЩ¼¼Êõ¡£¾ÍÏñеıà³ÌÓïÑÔ»òÄ£ÐÍ°éËæןü¶àµÄÍ´¿à£¬¿ª·¢ÈËÔ±ÐèҪѧϰеļ¼Çɼ°ÈçºÎ×îºÃÀûÓÃÕâЩм¼Êõ¡£
¡¡¡¡AJAXģʽ
¡¡¡¡Ðí¶àÖØÒªµÄ¼¼ÊõºÍAJAX¿ª·¢Ä£Ê½¿ÉÒÔ´ÓÏÖÓеÄ֪ʶÖлñÈ¡¡£ÀýÈ磬ÔÚÒ»¸ö·¢ËÍÇëÇóµ½·þÎñ¶ËµÄÓ¦ÓÃÖУ¬±ØÐë°üº¬ÇëÇó˳Ðò¡¢ÓÅÏȼ¶¡¢³¬Ê±ÏìÓ¦¡¢´íÎó´¦Àí¼°»Øµ÷£¬ÆäÖÐÐí¶àÔªËØÒѾ­ÔÚWeb·þÎñÖаüº¬ÁË£¬¾ÍÏñÏÖÔÚµÄSOA¡£AJAX¿ª·¢ÈËÔ±ÓµÓÐÒ»¸öÍêÕûµÄϵͳ¼Ü¹¹ÖªÊ¶¡£Í¬Ê±£¬Ëæ׿¼ÊõµÄ³ÉÊ컹»áÓÐÐí¶àµØ·½ÐèÒª¸Ä½ø£¬ÌرðÊÇUI²¿·ÖµÄÒ×ÓÃÐÔ¡£
¡¡¡¡AJAX¿ª·¢Ó봫ͳµÄCS¿ª·¢ÓкܴóµÄ²»Í¬¡£ÕâЩ²»Í¬ÒýÈëÁËеıà³ÌÎÊÌ⣬×î´óµÄÎÊÌâÔÚÓÚÒ×ÓÃÐÔ¡£ÓÉÓÚAJAXÒÀÀµä¯ÀÀÆ÷µÄJavaScriptºÍXML£¬ä¯ÀÀÆ÷µÄ¼æÈÝÐÔºÍÖ§³ÖµÄ±ê×¼Ò²±äµÃºÍJavaScriptµÄÔËÐÐʱÐÔÄÜÒ»ÑùÖØÒªÁË¡£ÕâЩÎÊÌâÖеĴ󲿷ÖÀ´Ô´ÓÚä¯ÀÀÆ÷¡¢·þÎñÆ÷ºÍ¼¼ÊõµÄ×éºÏ£¬Òò´Ë±ØÐëÀí½âÈçºÎ²ÅÄÜ×îºÃµÄʹÓÃÕâЩ¼¼Êõ¡£
¡¡¡¡×ۺϸ÷Öֱ仯µÄ¼¼ÊõºÍÇ¿ñîºÏµÄ¿Í»§·þÎñ¶Ë»·¾³£¬AJAXÌá³öÁËÒ»ÖÖеĿª·¢·½Ê½¡£AJAX¿ª·¢ÈËÔ±±ØÐëÀí½â´«Í³µÄMVC¼Ü¹¹£¬ÕâÏÞÖÆÁËÓ¦Óòã´ÎÖ®¼äµÄ±ß½ç¡£Í¬Ê±£¬¿ª·¢ÈËÔ±»¹ÐèÒª¿¼ÂÇCS»·¾³µÄÍⲿºÍʹÓÃAJAX¼¼ÊõÀ´Öض¨ÐÍMVC±ß½ç¡£×îÖØÒªµÄÊÇ£¬AJAX¿ª·¢ÈËÔ±±ØÐë½ûÖ¹ÒÔÒ³Ã漯ºÏµÄ·½Ê½À´¿¼ÂÇWebÓ¦ÓöøÐèÒª½«ÆäÈÏΪÊǵ¥¸öÒ³Ãæ¡£Ò»µ©UIÉè¼ÆÓë·þÎñ¼Ü¹¹Ö®¼äµÄ·¶Î§±»ÑϸñÇø·Ö¿ªÀ´ºó£¬¿ª·¢ÈËÔ±¾ÍÐèÒª¸üкͱ仯µÄ¼¼Êõ¼¯ºÏÁË¡£
¡¡¡¡Ê±¿ÌÏë×ÅÓû§
¡¡¡¡AJAXµÄ×î´ó»úÓöÔÚÓÚÓû§ÌåÑé¡£ÔÚʹӦÓøü¿ìÏìÓ¦ºÍ´´ÐµĹý³ÌÖУ¬¶¨ÒåWebÓ¦ÓõĹæÔòÕýÔÚ±»ÖØд;Òò´Ë¿ª·¢ÈËÔ±±ØÐë¸ü×¢ÖØÓû§¡£ÏÖÔÚÓû§ÒѾ­Öð½¥Ï°¹ßÈçºÎʹÓÃWebÓ¦ÓÃÁË¡£ÀýÈçÓû§Í¨³£Ï£Íûÿһ´Î°´Å¥µã»÷»áµ¼Ö¼¸ÃëµÄÑÓ³ÙºÍÆÁĻˢУ¬µ«AJAXÕýÔÚ´òÆÆÕâÖÖ³¤Ê±¼äµÄ×´¿ö¡£Òò´ËÓû§ÐèÒªÖØÐÂÌåÑé°´Å¥µã»÷µÄÏìÓ¦ÁË¡£
¡¡¡¡¿ÉÓÃÐÔÊÇAJAXÁîÈ˼¤¶¯µÄµØ·½¶øÇÒÒѾ­²úÉúÁ˼¸ÖÖÐÂÓ±µÄ¼¼Êõ¡£ÆäÖÐ×îÒýÈËעĿµÄÊÇÒ»ÖÖ³ÆΪ“»ÆÉ«Òþ³ö”µÄ¼¼Êõ£¬ËûÔÚÊý¾Ý¸üÐÂ֮ǰʱ½«Óû§½çÃæ±äΪ»ÆÉ«£¬


Ïà¹ØÎĵµ£º

ʹÓÃAjaxµÄһЩԭÔò

1.Ç°¡¢¶Ëºó¶¼Òª×öºÃ°²È«µÄ°Ñ¹Ø¹¤×÷
ÓÉÓÚAjaxÒ²»á½ÓÊÕºó¶Ë´«ËÍÀ´µÄ×ÊÁÏ£¬¶ÔÕâЩ×ÊÁ϶¼Òª²É²»ÐÅÈÎ̬¶È£¬±ØÐë¼ÓÒÔ¼ì²é¡£
2.¾¡Á¿ÒÔHTTP POST·½·¨´«Êä×ÊÁÏ
ËäÈ»POST²¢·ÇÍòÎÞһʧ£¬µ«±ÈÆðGETÖÁÉÙ½ÏΪ°²È«¡£
3.²»ÒªÖ±½ÓÓÃevalº¯Ê½»½ÆðJSONÎï¼þ
JSONÊDzÉÓÃJavaScriptÎï¼þʵ×ÖµÄ×ÊÁϸñʽ£¬´Óºó¶Ë´«µ½Ajax³Ìʽʱ£¬±ØÐë²ÉÓÃevalº ......

AjaxÀïµÄonreadystatechangeµÄ×÷ÓÃÊÇʲô

·¢ËÍÒ»¸öÇëÇóºó£¬¿Í»§¶ËÎÞ·¨È·¶¨Ê²Ã´Ê±ºò»áÍê³ÉÕâ¸öÇëÇó£¬ËùÒÔÐèÒªÓÃʼþ»úÖÆÀ´²¶»ñÇëÇóµÄ״̬£¬XMLHttpRequest¶ÔÏóÌṩÁËonreadyStateChangeʼþʵÏÖÕâÒ»¹¦ÄÜ¡£ÕâÀàËÆÓڻص÷º¯ÊýµÄ×ö·¨¡£
onreadyStateChangeʼþ¿ÉÖ¸¶¨Ò»¸öʼþ´¦Àíº¯ÊýÀ´´¦ÀíXMLHttpRequest¶ÔÏóµÄÖ´Ðнá¹û£¬È磺
ajaxObj=createAjaxObject();
var url= ......

¡¾¾ÉÎÄ¡¿AJAX×ܽᣨ¶þ£©

ËÄ¡¢DOM
1.DOM¸ÅÊö
XHR¶ÔÏóÌṩÁ˸ú·þÎñÆ÷ͨѶµÄÄÜÁ¦£¬¶øDOMÌṩÁË·ÃÎÊ¡¢¶¯Ì¬¸üÐÂÒ³ÃæµÄÄÜÁ¦¡£
DOMÊÇW3CÍƳöµÄÎĵµ¶ÔÏóÄ£ÐÍ£¬ÊDZíʾÎĵµºÍ·ÃÎÊ¡¢²Ù×÷¹¹³ÉÎĵµµÄ¸÷ÖÖÔªËصÄAPI£¬±»¶¨ÒåΪ¶ÀÁ¢ÓÚÓïÑԵıê×¼£¬ÔÚjavascriptºÍjavaÒÔ¼°ÆäËûÓïÑÔÖж¼ÓÐʵÏÖ¡£
ÔÚDOMÖУ¬HTMLÎĵµµÄ²ã´Î»ú¹¹±»±íʾΪÊ÷Ðνṹ£¬Ê÷µÄ½Úµã±íʾÎĵµÖÐ ......

һƪºÜºÃµÄAJAXÈëÃŽ̳Ì

Ô­ÎĵØÖ·£ºhttp://hi.baidu.com/zhangqiuxi/blog/item/3d0206a84bbd72bbcb130cab.html
ÕâƪÎÄÕÂ˵Ã÷ AJAX Ïà¹Ø¼¼ÊõµÄ»ù´¡£¬²¢ÌṩʵÀý¹©ÄúÉÏÊÖ¡£
µÚÒ»²½ – ˵Éù¡¸Ç롹 £¨ÓÖ³ÆΪ¡¸Ôõô·¢³ö XMLHttpRequest¡¹£©
Ϊ ÁËÓà JavaScript ¶Ô·þÎñÆ÷·¢ËÍ HTTP ÒªÇó£¬Äã±ØÐëÏÈÒÔÏà¹ØµÄÀà±ð£¨class£©ÖƳöʵÌ壨instance£©¡£Int ......

ajax »º´æ

1¡¢ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");
¡¡¡¡2¡¢ÔÚajax·¢ËÍÇëÇóÇ°¼ÓÉÏ xmlHttpRequest.setRequestHeader("If-Modified-Since","0");
¡¡¡¡3¡¢ÔÚajax·¢ËÍÇëÇóÇ°¼ÓÉÏ xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");
¡¡¡¡4¡¢ÔÚ Ajax µÄ URL ²ÎÊýºó¼ÓÉÏ "?fresh=" + Math.rando ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ