[JAVASCRIPT] IFRAME VS AJAX Òì²½Ìá½»
ÔÚajaxû³öÀ´Ö®Ç°£¬Ò»Ö±ÊÇÓÃiframeʵÏÖµÄÎÞË¢ÐÂÇëÇó¡£
Ö÷ÒªµÄÔÀíÊÇ£º
ʹÓÃjs´´½¨Ò»¸öÒþ²ØµÄiframe
°ÑÒªÌá½»µÄ±íµ¥µÄtargetÊôÐÔÖ¸Ïò1ÖÐÉú³ÉµÄiframe
ÔÚÇëÇóµÄÒ³ÃæÖлص÷¸¸Ò³ÃæµÄ·½·¨
ÕâÑù¾ÍʵÏÖÁËÒ»¸ö¼òµ¥µÄ“Òì²½Ìá½»”
¿´ÆðÀ´ºÍajaxÒ»ÑùµÄЧ¹û£¬ÄÇΪʲô»¹ÒªÓÐajax£¬ÎÒÃÇÀ´±È½ÏÏ£º£¨ÒÔϰÑajax¼¼Êõ³ÆÎªXHR£¬iframeʵÏֵijÆÎªiframe£©
XHR ºÍ iframeµÄÇø±ðÖ÷ÒªÔÚ4¸öµØ·½£º
¶àÏß³Ì
´ÓÉÏÃæËµµÄÔÀíºÜÈÝÒ×¾ÍÄÜ¿´³öÀûÓÃiframeʵÏÖµÄÒì²½ÇëÇ󣬯äʵҲ»¹ÊÇͬ²½µÄ£¬Ò²¾ÍÊÇ˵ºǫ́ÔÚ´¦ÀíÕâ¸öÇëÇóµÄʱºò£¬Ç°Ì¨ÈÔÈ»ÊÇʲô¶¼²»ÄÜ×öµÄ£»¶øXHRÊÇÕæÕýʵÏÖÁËÒì²½ÇëÇó£¬ËüÄÜ·¢Æð¶à¸öÒì²½ÇëÇó¡£
»ØÍ˼ü
¼üÅÌÉÏÉϵĻØÍ˼üµÄÖ÷Òª¹¦ÄÜÊÇÍ˻ص½ÉÏÒ»¸öÀúÊ·Ò³Ãæ¡£
ÀûÓÃiframeʵÏÖµÄÒì²½ÇëÇ󣬰´»ØÍ˼üÊÇ¿ÉÒԻص½ÉϸöÀúÊ·Ò³ÃæµÄ£»¶øXHR²»ÐУ¬ÒòΪËü¸ù±¾Ã»ÓÐÁôÏÂÈκÎÀúÊ·µÄºÛ¼£¡£
ËùÒÔÏÖÔÚ´ó¶àÊýµÄËÑË÷ÒýÇæÊÇûÓÐÀûÓÃajaxʵÏÖËÑË÷µÄ¡£
¿çÕ¾·ÃÎÊ
ÀûÓÃiframeʵÏÖµÄÒì²½ÇëÇó£¬ÇëÇóµÄµØÖ·ÊÇ¿ÉÒÔÊDZ¾Ó¦ÓÃÍâµÄ·þÎñ£»¶øXHRÖ»ÄÜÇëÇó±¾Ó¦ÓõķþÎñ¡£
×¢Ò⣺ֻҪÊDz»ÓÃÓòÃûµÄ¶¼»á±»¾Ü¾ø·ÃÎÊ£¬ÎÞÂÛÊÇ×ÓÓòÃû·ÃÎʸ¸ÓòÃû£¬»¹ÊǸ¸ÓòÃû·ÃÎÊ×ÓÓòÃû
ÇëÇóµÄ״̬
ÏëÒªÔÚÇëÇ󷵻صÄͬʱµÃµ½ÇëÇóµÄ״̬£¨status£©£¬iframeʵÏÖµÄÒì²½ÇëÇóÊÇ×ö²»µ½µÄ£»¶øXHR¿ÉÒÔÇá¶øÒ×¾ÙµÄ×öµ½¡£
ËùÒÔÈÃÎÒÃÇÀ´×ܽáϵ½µ×ʲôʱºò¸ÃÑ¡ÔñÄÄÖÖÒì²½ÇëÇó£º
iframeʵÏÖµÄÒì²½ÇëÇó
³ýÁËÕâ´ÎµÄÇëÇó£¬Ã»ÓÐÆäËû²¢·¢µÄÇëÇó
ÇëÇóµÄÏìӦʱ¼äºÜ¶ÌÔÝ£¬·ñÔòÓû§ÌåÑé»áºÜ²î
¿çÓòµÄÇëÇó
ÄÜ·µ»ØÀúÊ·Ò³Ãæ
XHRʵÏÖµÄÒì²½ÇëÇó
²¢·¢µÄÒì²½ÇëÇó
¸ù¾Ý׼ȷµÄÇëÇó״̬×öʼþÏìÓ¦
Ïà¹ØÎĵµ£º
http://www.longboo.com/
·ÖÒ³
http://www.longboo.com/Samples/linb/widgets/TreeGrid.Paging/index.html
Êý¾Ý¿â²éѯ¹¤¾ß
http://www.longboo.com/Samples/comb/OrderManagement/index.html
email¹¤¾ß
http://www.longboo.com/Samples/comb/OutLook/index.html
Íøµê
http://www.longboo.com/Samples/linb/Template ......
ÎÒ½ñÌìѧϰÁËÙ¡ÀÏʦ½²µÄJavaScript½âÎöDomÎĵµµÄ֪ʶ£º
Ò»¡¢ ½Úµã·ÖΪ3ÖÖÀàÐÍ£¬ÔªËؽڵ㣬ÊôÐԽڵ㣬Îı¾½Úµã
¶þ¡¢ ²éÕҽڵ㣺
l js´úÂë²»ÄÜдÔÚbodyÔªËØµÄÇ°Ãæ£¬js ´úÂëдÔÚ <head> ½ ......
¡¡¡¡ºÜ¶àÈ˶¼ÓùýAJAX¿Ø¼þ°É£¬AJAX¿Ø¼þ²»ÐèҪˢÐÂÒ³Ãæ¾Í¿ÉÒÔµ½ºǫ́ȥ¶Á³öÊý¾Ýµ½¿Í»§¶Ë£®AJAX¿Ø¼þ³ýÁËÓкÜìŵÄÌØÐ§Í⣬ÆäÒª¹¦ÄܾÍÊDz»ÐèҪˢÐÂÕû¸öÒ³Ãæ¾Í¿ÉÒÔÈ¡µÃÓû§ËùÐèÒªµÄÊý¾Ý£¬ÎÒ°ÑÕâÒ»¿éµÄµÄ¹¦ÄÜ·â×°³ÉÒ»¸öÀ࣬·½±ãÈÕºó¿ÉÒÔÖØ¸´Ê¹Ó㬴úÂëÈçÏ£º
//Ajax Request Class Start
functio ......
try { //Internet Explorer
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(data);
} catch(e) { //Other Browsers
parser=new DOMParser();
xmlDoc=parser.parsefromString(data,"text/xml");
} ......