ajax Ïà¹Ø
1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚÆµ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶ÓµÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓÃÓÚ·µ»ØÈÎºÎ±íµ¥ÊäÈë¿Ø¼þµÄÖµ£¬±ÈÈçtext box,drop-down list
¡£
Õâ¸ö·½·¨Ò²ÄÜÓÃÔªËØid
»òÔªËØ±¾Éí×öΪ²ÎÊý¡£
$A()
º¯ÊýÄܰÑËü½ÓÊÕµ½µÄµ¥¸öµÄ²ÎÊýת»»³ÉÒ»¸öArray
¶Ô
Ïó¡£
2
¡¢½éÉÜÒ»ÏÂ
XMLHttpRequest
¶ÔÏó
ͨ¹ýXMLHttpRequest
¶ÔÏó£¬Web
¿ª
·¢ÈËÔ±¿ÉÒÔÔÚÒ³Ãæ¼ÓÔØÒÔºó½øÐÐÒ³ÃæµÄ¾Ö²¿¸üС£
AJAX
¿ªÊ¼Á÷ÐÐʼÓÚGoogle
ÔÚ2005
Äê
ʹÓõĔGoogle Suggest”
¡£
“Google Suggest”
¾ÍÊÇʹÓÃXMLHttpRequest
¶Ô
ÏóÀ´´´½¨¶¯Ì¬µÄWeb
½Ó¿Ú£º
µ±Óû§¿ªÊ¼ÊäÈëgoogle
µÄËÑË÷¿ò£¬Javascript
·¢
ËÍÓû§ÊäÈëµÄ×Ö·ûµ½·þÎñÆ÷£¬È»ºó·þÎñÆ÷·µ»ØÒ»¸ö½¨ÒéÁÐ±í¡£
XMLHttpRequest
¶ÔÏóÔÚIE5.0+,
Safari 1.2, Mozilla 1.0/Firefox, Opera 8+
ºÍNetScapt7
¿ª
ʼ±»Ö§³Ö¡£
3
¡¢
AJAX
Ó¦Óúʹ«Í³
Web
Ó¦ÓÃÓÐʲô²»Í¬£¿
ÔÚ´«Í³µÄJavascript
±à³ÌÖУ¬Èç¹ûÏëµÃµ½·þÎñÆ÷¶ËÊý¾Ý¿â»ò
ÎļþÉϵÄÐÅÏ¢£¬»òÕß·¢ËͿͻ§¶ËÐÅÏ¢µ½·þÎñÆ÷£¬ÐèÒª½¨Á¢Ò»¸öHTML form
È»ºóGET
»òÕßPOST
Êý
¾Ýµ½·þÎñÆ÷¶Ë¡£Óû§ÐèÒªµã»÷”Submit”
°´Å¥À´·¢ËÍ»òÕß½ÓÊÜÊý¾ÝÐÅÏ¢£¬È»ºóµÈ´ý·þÎñÆ÷ÏìÓ¦ÇëÇó£¬Ò³ÃæÖØÐ¼ÓÔØ¡£
ÒòΪ·þÎñÆ÷ÿ´Î¶¼»á·µ»ØÒ»¸öеÄÒ³Ãæ£¬ ËùÒÔ´«Í³µÄweb
Ó¦ÓÃÓпÉ
ÄܺÜÂý¶øÇÒÓû§½»»¥²»ÓѺá£
ʹÓÃAJAX
¼¼Êõ£¬ ¾Í¿ÉÒÔʹJavascript
ͨ
¹ýXMLHttpRequest
¶ÔÏóÖ±½ÓÓë·þÎñÆ÷½øÐн»»¥¡£
ͨ¹ýHTTP Request
£¬ Ò»¸öweb
Ò³
Ãæ¿ÉÒÔ·¢ËÍÒ»¸öÇëÇóµ½web
·þÎñÆ÷²¢ÇÒ½ÓÊÜweb
·þÎñÆ÷·µ»ØµÄÐÅÏ¢(
²»
ÓÃÖØÐ¼ÓÔØÒ³Ãæ)
£¬Õ¹Ê¾¸øÓû§µÄ»¹ÊÇͨһ¸öÒ³Ãæ£¬Óû§¸Ð¾õÒ³ÃæË¢Ð£¬Ò²¿´²»µ½µ½Javascript
ºó
̨½øÐеķ¢ËÍÇëÇóºÍ½ÓÊÜÏìÓ¦¡£
4
¡¢
AJAX
µÄÈ«³ÆÊÇʲô£¿
½éÉÜÒ»ÏÂ
AJAX
£¿
AJAX
µÄÈ«³ÆÊÇAsynchronous
JavaScript And XML.
AJAX
ÊÇ2005
ÄêÓÉGoogle
·¢
Æð²¢Á÷ÐÐÆðÀ´µÄ±à³Ì·½·¨£¬ AJAX
²»ÊÇÒ»¸öеıà³ÌÓïÑÔ£¬µ«ÊÇËüÊÇÒ»¸öʹÓÃÒÑÓбê×¼µÄеıà³Ì¼¼Êõ¡£
ʹÓÃAJAX
¿ÉÒÔ´´½¨¸üºÃ£¬¸ü¿ì£¬¸üÓû§½çÃæÓѺõÄWeb
Ó¦

AJAX
¼¼Êõ»ùÓÚJavascript
ºÍHTTP
Reque
Ïà¹ØÎĵµ£º
ŪÁËÒ»ÕûÌìÁË£¬¸Õ¿ªÊ¼Ñ§Ï°Jquery£¬ºÜ¶à¶«Î÷»¹²»Ê죬¿´¿´ÊÓÆµ£¬²é²é×ÊÁÏ£¬ÖÕÓڳɹ¦µÄ¼¯³ÉStruts2+Jquery+Json
Ö±½ÓÉÏͼ:Óû§ÃûÊäÈëxxx,½¹µã¶ªÊ§£¬Ìáʾ”Óû§ÒÑ´æÔÚ“£¬·ñÔòÌáʾ“¿ÉÒÔ×¢²á“£¬ÃÜÂëͬÑùÈç´Ë,
Ê×ÏÈÐèÒªµ¼°ü£ºÈçϳýÁËstruts2±ØÐëµÄ°üÍ⣬»¹ÓÐjson°üÒÔ¼°Éæ¼°µÄcommonsµÄ¼¸¸ö°ü.
´ËÍâҪϠ......
1´´½¨Á½ÕÅÒ³Ãæ Reg.aspx¡¢CallServer.aspx¡£
ÔÚReg.aspxÒ³ÃæµÄhtmlÖзŠһ¸ö²ãºÍÒ»¸öÎı¾¿ò
<div id="aa">
<asp:TextBox id="txtuser" runat="server" Width="136px"></asp:TextBox>
</div>
<span id="errInfo">ÇëÊäÈëÓû§Ãû</span>
ÔÚReg.aspxÒ³ÃæÖÐдjavascript
¶¨Òå¶þ¸ö±äÁ¿ ......
×î½ümatch001.comÏîÄ¿×öÒ»¸ö·¢Ë͵ç×ÓϲÌûµÄ¹¦ÄÜ£¬·¢ÏÖQQÓÍÏäÃ÷ÐÅÆ¬¹¦Äܲ¶à¡£ÓÚÊǺõ¹¹Ë¼×ö³ÉÄǸöÑù×Ó¡£
Óм¸µãÐèҪʵÏֵģº
±³¾°Í¼Æ¬¡¢½á»éÏàÆ¬µÄ¼ÓÔØ¡£
N¶àµÄʼþ°ó¶¨
¸úÏà²áÊý¾Ý°ó¶¨£¬Ñ¡ÔñÏà²áÁгöËùÓÐÏàÆ¬£¬²¢ÇÒÏàÆ¬·ÖÒ³¡£ËùÓеͼAJAXʵÏÖ
³õʼ»¯Ò»¸öDIVÓÃÀ´¿ØÖÆÉϲãͼƬλÖÃÒÆ¶¯£¬¸ù¾Ý²»Í¬±³¾°Í¼Æ¬£¬³õʼ»¯²»²» ......
×î½üÔÚÓÃAjax×öµÇ¼´°¿Ú£¬µ«ÊÇlogoutµÄʱºòÐèÒª¶Ôsession½øÐд¦Àí¡£ÓõÄÊÇsession.removeAttribute()º¯Êý½øÐÐlogout¡£µ«ÊÇ£¬ÊÂʵ֤Ã÷£¬ÔÚlogoutÒÔºó£¬ÔٴεǼµÄʱºò£¬²¢²»Äܵǽ³É¹¦£¬Ñ¹¸ù²»»á½øÈëactionÖ´ÐÐÏàÓ¦µÄ·½·¨£¨hqlÓï¾äҲûÓÐÖ´ÐУ©¡£
Ϊ´Ë£¬¾Ý˵ÓÐÁ½ÖÖ·½·¨½ ......