ajaxÈëÃÅ
ÃèÊö:Ajax»ù´¡ ÔÚ½øÐÐAjax¿ª·¢ÒÔǰ£¬ÎÒÃDZØÐëÏȶÔһЩ»ù±¾µÄ֪ʶ½øÐÐÁ˽⡣ËäÈ»Ajax.NETÒѾ½«AjaxʵÏÖϸ½Ú·â×°ÆðÀ´£¬²¢´ó´ó¼ò»¯
Ajax»ù´¡
ÔÚ ½øÐÐAjax¿ª·¢ÒÔǰ£¬ÎÒÃDZØÐëÏȶÔһЩ»ù±¾µÄ֪ʶ½øÐÐÁ˽⡣ËäÈ»Ajax.NETÒѾ½«AjaxʵÏÖϸ½Ú·â×°ÆðÀ´£¬²¢´ó´ó¼ò»¯ÁËÎÒÃǵIJÙ×÷£¬µ«ÊÇÁ˽â»ù ±¾µÄAjaxʵÏÖ·½Ê½¶ÔÓÚ°ïÖúÎÒÃÇÔÚ¿ª·¢ÖÐÄܸüºÃÀí½âºÍʵʩ£¬ÒÔ¼°¸üÓÐЧµØÓÅ»¯ºÍÅÅ´íÊÇÖÁ¹ØÖØÒªµÄ¡£´ËÍ⣬ËäÈ»ÎÒÃDz»±Ø±àд¾ßÌåµÄAjaxµ÷ÓôúÀí£¬µ«ÊÇ ÔÚµ÷ÓôúÀíǰ»ñÈ¡Êý¾Ý£¬ÒÔ¼°·µ»ØÊý¾ÝºóÔõÑùʹÊý¾ÝÄܹ»ÕýÈ·ÏÔʾ£¬ÕâÁ½²¿·Ö¹¤×÷¶¼ÐèÒªÎÒÃǾßÓлù±¾µÄJavaScript²Ù×÷DOMÄ£Ð͵ÄÄÜÁ¦¡£½ÓÏÂÀ´ÎÒÃÇ ½«À´¶ÔÕ⼸·½ÃæµÄ֪ʶ½øÐÐÌÖÂÛ¡£
5.2.1 XMLHttpRequest¶ÔÏó
¶Ô ÓÚAjax¼¼ÊõµÄ»ù´¡ºÍºËÐÄ£¬XMLHttpRequest¶ÔÏóÓ¦¸ÃÊÇÎÒÃDZØÐëÒªÁ˽âµÄÒ»¸ö¶ÔÏó£¬AjaxʵÏֵĹؼü·¢ËÍÒì²½ÇëÇó²¢½ÓÊÕÏìÓ¦Ö´Ðлص÷¶¼ÊÇ Í¨¹ýËüÀ´Íê³ÉµÄ¡£XMLHttpRequest×îÔçÊÇÔÚMicrosoft Internet Explorer 5.0ÒÔActiveX×é¼þÖб»ÒýÈëµÄ£¬Ö®ºó¸÷´óä¯ÀÀÆ÷³§É̶¼ÒÔJavaScriptÄÚÖöÔÏóµÄ·½Ê½ÊµÏÖÁËXMLHttpRequest¶ÔÏó¡£ËäÈ»´ó¼Ò¶Ô ËüµÄʵÏÖ·½Ê½ÓÐËùÇø±ð£¬µ«ÊǾø´ó¶àÊýä¯ÀÀÆ÷¶¼ÌṩÁËÀàËÆµÄÊôÐԺͷ½·¨£¬ÔÚʵ¼Ê½Å±¾±àд·½·¨ÉÏÇø±ð²»´ó£¬²¢ÇÒʵÏֵõ½µÄЧ¹ûÒ²»ù±¾Ïàͬ£¬Ä¿Ç°W3CÕýÖÂÁ¦ÓÚ ½«XMLHttpRequest¶ÔÏóÖÆ¶¨Ò»¸öͳһµÄ±ê׼ʹ¸÷¸öä¯ÀÀÆ÷³§ÉÌ×ñÕÕÖ´ÐУ¬ÒÔÀûÓÚAjax¼¼ÊõµÄÍÆ¹ãÓë·¢Õ¹¡£
XMLHttpRequestÌṩÁËÒ»¸öÏà¶Ô¾«¼òÒ×ÓõÄAPI£¬ÏÂÃæÎÒÃǾͽ«¼òµ¥µØ½éÉÜÒ»ÏÂËüËùÌṩµÄÊôÐԺͷ½·¨ÒÔ¼°ÔõôÀûÓÃÕâЩÊôÐԺͷ½·¨Íê³ÉÒ»´ÎAjaxµÄÇëÇóºÍÏìÓ¦´¦Àí¡£
1£®readyStateÊôÐÔ
µ±Ò»¸öXMLHttpRequest¶ÔÏó±»´´½¨ºó£¬´ËÊôÐÔ±êʶÁ˴˶ÔÏóÕý´¦ÓÚʲô״̬£¬ÎÒÃÇ¿ÉÒÔͨ¹ý¶Ô´ËÊôÐԵķÃÎÊ£¬À´Åжϴ˴ÎÇëÇóµÄ״̬ÊÇʲôȻºó×ö³öÏàÓ¦µÄ²Ù×÷¡£¾ßÌå´ËÊôÐÔµÄÖµ´ú±íµÄÒâÒå¼û±í5-1¡£
±í5-1
Öµ
˵ Ã÷
0
δ³õʼ»¯×´Ì¬£»´Ëʱ£¬ÒѾ´´½¨Ò»¸öXMLHttpRequest¶ÔÏ󣬵«ÊÇ»¹Ã»Óгõʼ»¯´Ë¶ÔÏóµÄÊôÐÔ
1
×¼±¸·¢ËÍ״̬£»´Ëʱ£¬ÒѾµ÷ÓÃÁËXMLHttpRequest¶ÔÏóµÄOpen()·½·¨£¬²¢ÇÒÒѾ׼±¸ºÃ½«Ò»¸öXMLHttpRequestÇëÇó·¢Ë͵½·þÎñ¶Ë
2
ÒÑ·¢ËÍ״̬£»´Ëʱ£¬ÒѾµ÷ÓÃÁËXMLHttpRequest¶ÔÏóµÄSend()·½·¨£¬µ«ÊDz¢Ã»ÓÐÊÕµ½ÈκÎÏìÓ¦
3
ÕýÔÚ½ÓÊÕ״̬£»´Ëʱ£¬ÒѾ¿ªÊ¼½ÓÊÕHttpResponseÏìÓ¦ÐÅÏ¢µ«ÊÇ»¹Ã»ÓÐÍê³É½ÓÊÕ
4
Íê³ÉÏìӦ״̬£»´Ëʱ£¬ÒѾÍê³ÉÁËHttpResponseÏìÓ¦µÄ½ÓÊÕ
2£®responseTextÊôÐÔ
´ËÊôÐÔÃèÊöµÄÊÇÒ»¸öHttpResponseÖеÄÈ«²¿Îı¾ÄÚÈÝ£¬Í
Ïà¹ØÎĵµ£º
AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔÔò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......
Ajax
Ö÷
Òª×é³É²¿·Ö
Ajax
ÊÇ
Asynchronous JavaScript and XML
£¨ÒÔ
¼°
DHTML
µÈ£©µÄËõд¡£
Ajax
ÓÉ
HTML
¡¢
JavaScript™
¼¼Êõ¡¢
DHTML
ºÍ
DOM
×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ
Web
½çÃæ×ª»¯³É½»»¥ÐÔµÄ
Ajax
Ó¦ÓóÌÐò¡£
AjaxµÄºËÐÄÊÇJavaScript¶ÔÏó XmlHttpRequest¡£¸Ã¶ÔÏóÔ ......
/*ÔÚÓÐÖÐÎIJÎÊýʱ,½ÓÊÕ·½ÐèҪʹÓÃUTF-8·½Ê½¶ÔÊý¾Ý½øÐнâÂë
*²»Ö§³Öpost¸½¼þ
*/
function getXmlHttpRequest() {
var xmlHttpRequest = null;
try {
xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
} ......
ÔÚ±¾½ÚÎÒ×¼±¸Ö»Ð´ÉϹØÓÚAjaxµÄ˵Ã÷£¬¶àÊýÀ´×ÔjQueryµÄ°ïÖúÎĵµ£¬ËùÒÔ²»Òª·ÅÔÚÊ×Ò³¡£ÒòΪÎÒ¾õµÃÊ×Ò³Ó¦¸ÃÊÇÒª»¨·ÑÁËʱ¼äºÍÐÄ˼µÄ×÷Æ·¡£´úÂëÑÝʾºÍjQuery Ajax һЩÐµģ¬½«ÔÚÏÂÒ»´ÎÓпÕʱ½²Êö£¬ÕâÀï¾Í²»½²ÁË¡£Ê±¼äÒѾ0³¿ÁË¡£Èç¹ûÄã¾ÙµÃÓÐʲôjQueryµÄÒÉÎÊ»òÕß¾õµÃAjax¸Ã½²ÊöÄÇЩÄÚÈݵͼ¿ÉÒÔ¸úÎÒÁô ......