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ʵÏÖTabЧ¹ûµÄ
ÏÈ´´½¨
ajax.php£¬ÔÚÆäÖÐÊäÈëÈçÏ´úÂ룺
<!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>
<title>Sample 2_1</title>
<me ......
ÈçÉÏͼËùʾµÄµÈ¼¶¿Ø¼þ£¨Õâ¸ö¿Ø¼þÖ÷ÒªÖ¸¶¨Ñùʽ£©£º
Ò³Ãæ´úÂ룺
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<mce:style type ="text/css"><!--
.ratingStar
{
font-size:0pt;
width:15px;
height:12px;
......
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Inte ......
ÕâÁ½Ìì¸Õ½â¾öÁËajax¶àä¯ÀÀÆ÷¼æÈݵÄÎÊÌ⣬Ö÷Òª¾ÍÕë¶ÔFirefoxµÄ£¬¿ªÊ¼»¹ÒÔΪFirefox²»Ö§³ÖajaxÄØ£¨±ðЦÎÒѽ£¬²»ÔõôÁ˽âFirefoxҲûÓùý£¬ºÇºÇ£©£¬¶à¿÷¿´ÁËÏÂÃæµÄÎÄÕ²ÅÈÃÎÒÁ˽âajaxµÄÊÊÓ÷¶Î§¡£ÆäʵֻҪ·ûºÏw3cµÄ±ê×¼¾Í¿ÉÒÔÔÚFirefoxµÈÕâЩä¯ÀÀÆ÷ÉÏÕý³£ÏÔʾ£¬ËùÒÔ»¹ÊÇÓ¦¸ÃºÃºÃÁ˽âÒ»ÏÂw3cµÄ±ê×¼¹æÔòѽ¡£²»¹ýÒª½ ......