AjaxÖеÄXMLHttpÇëÇó
AjaxÖеÄXMLHttpÇëÇó
µ±Microsoft¿ªÊ¼ÔÚInternet Explorer 5.0ÖÐÒýÈë¶ÔXML»ù±¾µÄÖ§³Öʱ£¬Ò²ÒýÈëÁËÒ»¸ö³ÆÎªMSXMLµÄActiveX¿â£¬´Ë¿âÖеÄÒ»¸ö¶ÔÏóºÜ¿ì±ã³ÉΪ¹ãΪÈËÖªµÄ——XMLHttp¡£
XMLHttp¶ÔÏó×î³õÊÇΪÁËÈÿª·¢ÕßÄÜÔÚÓ¦ÓóÌÐòÖеÄÈκεط½¶¼Äܳõʼ»¯HTTPÇëÇó¶ø´´Ôì³öÀ´µÄ£¬ÕâЩÇëÇóÇãÏòÓÚ·µ»ØXML£¬ËùÒÔXMLHttp¶ÔÏóÌṩÁËÒ»¸ö·Ç³£¼òµ¥µÄ·½·¨ÓÃÓÚÒÔXMLÎĵµµÄ·½Ê½·ÃÎÊËùÐèÐÅÏ¢¡£ÓÉÓÚ´ÓÒ»¿ªÊ¼Ëü¾ÍÊÇÒ»¸öActiveX¿Ø¼þ£¬Òò´ËXMLHttp²»µ«¿ÉÓÃÓÚÍøÒ³£¬Ò²¿ÉÓ¦ÓÃÓÚÈκλùÓÚWindowsµÄÓ¦ÓóÌÐò£»È»¶ø£¬ÏÔÈ»ËüÔÚ»¥ÁªÍøÉϵÄÊÜ»¶Ó³ÌÐò£¬Òª´ó´ó³¬³öÔÚ×ÀÃæ³ÌÐò·½Ãæ¡£
Ϊ½ô¸ú³±Á÷£¬MozillaÒ²ÔÚËüµÄä¯ÀÀÆ÷FirefoxÖÐÄ£·ÂÁËXMLHttp¹¦ÄÜ£¬µ«²»¾Ãºó£¬Safari£¨´Ó°æ±¾1.2¿ªÊ¼£©ºÍOpera£¨°æ±¾7.6£©ä¯ÀÀÆ÷Ò²Ïà¼ÌÄ£·ÂÁËMozillaµÄ¹¦ÄÜʵÏÖ¡£½ñÌ죬ÕâËÄ´óä¯ÀÀÆ÷¶¼ÒÑÔÚijÖ̶ֳÈÉÏÖ§³ÖXMLHttp£¨SafariºÍOperaÔÚ¹¦ÄÜʵÏÖÉÏÈÔ²»ÍêÕû£¬³ýÁËGETºÍPOST£¬²»Ö§³ÖÆäËûÀàÐ͵ÄÇëÇ󣩡£
´´½¨Ò»¸öXMLHttp¶ÔÏó
ÏÔÈ»£¬Ê¹ÓÃÒ»¸öXMLHttp¶ÔÏóµÄµÚÒ»²½£¬ÊÇÒª´´½¨Ëü£¬ÒòΪMicrosoft¶Ô´ËµÄʵÏÖÊÇActiveX¿Ø¼þ£¬ËùÒÔÄãÒ²±ØÐëÔÚJavaScriptÖÐʹÓÃActiveXObjectµÄËùÓÐÕßÀ࣬²¢´«µÝ¸øËüÒ»¸öXMLHttp¿Ø¼þµÄÇ©Ãû£º
var oXmlHttp = new ActiveXObject("Microsoft.XMLHttp");
ÉÏÊö´úÂë´´½¨ÁËXMLHttp¶ÔÏóµÄµÚÒ»¸ö°æ±¾£¨ÆäÓëIE 5.0һͬ·¢²¼£©£¬ÎÊÌâÊÇ£¬Ëæ×źóÐøMSXML¿âµÄ·¢²¼£¬Ò²·¢²¼Á˺ü¸¸ö²»Í¬µÄа汾£¬Ã¿´Î·¢²¼¶¼´øÀ´Á˸üºÃµÄÎȶ¨ÐÔÓë¸ü¿ìµÄËÙ¶È£¬ËùÒÔ£¬±ØÐëҪȷ¶¨ÄãʹÓõÄÊÇÓû§µçÄÔÉÏ¿ÉÓõÄ×îа汾¡£Ã¿¸ö°æ±¾µÄÇ©ÃûÈçÏ£º
Microsoft.XMLHttp
MSXML2.XMLHttp
MSXML2.XMLHttp.3.0
MSXML2.XMLHttp.4.0
MSXML2.XMLHttp.5.0
²»ÐÒµÄÊÇ£¬È·¶¨¿ÉÓÃ×î¼Ñ°æ±¾Î¨Ò»µÄ·½·¨£¬ÊÇÒÀ´Î³¢ÊÔ´´½¨ËüÃÇ¡£ÒòΪÆä±¾ÉíΪһ¸öActiveX¿Ø¼þ£¬Èκδ´½¨¶ÔÏóÉϵÄʧ°Ü£¬¶¼»áÅ׳öÒ»¸ö´íÎó£¬ÕâÒâζ×ÅÄã±ØÐëÔÚÒ»¸ötry…catch¿éÖбàдÕâЩ´úÂ룬ÈçÏ£º
 
Ïà¹ØÎĵµ£º
1. Accordion
¡¾¹¦ÄܸÅÊö¡¿Accordion¿ÉÒÔÈÃÄãÉè¼Æ¶à¸öpanel ²¢ÇÒÒ»´ÎÖ»ÏÔʾһ¸öPanel .ÔÚÒ³ÃæÉϵÄÏÔʾЧ¹û¾ÍÏñÊÇʹÓÃÁ˶à¸öCollapsiblePanelsÖ»²»¹ýÿһ´ÎÖ»Õ¹¿ªÆäÖÐÒ»¸ö CollapsiblePanel.Accordion¿Ø¼þÄÚ²¿°üº¬ÁËÈô¸É¸öAccordionPane£¬Ã¿Ò»¸öAccordionPaneµÄ templateÀï°üÀ¨ÁË¶ÔÆäHeaderºÍContentµÄ¶¨Òå¡£ÎÒÃÇ¿ÉÒÔÔÚºǫ́ ......
ǰºó¶ËµÄ½»»¥ÊÇÕû¸ö¿ò¼ÜµÄÖÐÐÄ£¬ÎÒÏ£Íû´ÓÁ÷µÄ½Ç¶ÈÀ´Éè¼ÆAJAXµÄ½»»¥
AJAXµÄÉè¼Æ½«ºá¹áǰºó¶Ë
ǰ¶ËÊÇÖ÷¶¯
ºó¶ËÊDZ»¶¯
ÕûÌ忼Âǵϰ ǰºó¶ËʹÓÃÒ»¸öͳһµÄ½Ó¿Ú½øÐÐAJAX½»»¥
ºó¶Ë ÓÃÒ»¸öΨһµÄURLÀ´´¦Àí AJAXÇëÇó
½Ó¿ÚÃû³Æ ´¦Àí½Ó¿Ú£º[http://ÓòÃû/mvc.ajax] ·â×°ËùÓеÄAJAXÇëÇóµÄÔ¤´¦Àí
......
JSP:
¿Î³ÌÃû³Æ:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
<html:select property="icourseId" onchange="change(this)" style="width:180px;">
<html:opt ......
http://ajaxcontroltoolkit.codeplex.com/releases/view/33804
1>°²×°Ajax ASPAJAXExtSetup.msi £¨ÔÚhttp://ajax.asp.netÏÂÔØ£©
2>°²×°AjaxÄ£°å ASPAJAXSamples.msi
3>ÏÂÔØ ×îа汾 ajaxcontroltoolkit
http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit
......
1.ǰ¡¢¶Ëºó¶¼Òª×öºÃ°²È«µÄ°Ñ¹Ø¹¤×÷
ÓÉÓÚAjaxÒ²»á½ÓÊÕºó¶Ë´«ËÍÀ´µÄ×ÊÁÏ£¬¶ÔÕâЩ×ÊÁ϶¼Òª²É²»ÐÅÈÎ̬¶È£¬±ØÐë¼ÓÒÔ¼ì²é¡£
2.¾¡Á¿ÒÔHTTP POST·½·¨´«Êä×ÊÁÏ
ËäÈ»POST²¢·ÇÍòÎÞһʧ£¬µ«±ÈÆðGETÖÁÉÙ½ÏΪ°²È«¡£
3.²»ÒªÖ±½ÓÓÃevalº¯Ê½»½ÆðJSONÎï¼þ
JSONÊDzÉÓÃJavaScriptÎï¼þʵ×ÖµÄ×ÊÁϸñʽ£¬´Óºó¶Ë´«µ½Ajax³Ìʽʱ£¬±ØÐë²ÉÓÃevalº ......