×ß½øajax´óÃÅ »ù´¡
AJAX Ö¸Òì²½ JavaScript ¼° XML£¨Asynchronous JavaScript And XML£©¡£
ÄúÓ¦µ±¾ß±¸µÄ»ù´¡ÖªÊ¶
ÔÚ¼ÌÐøѧϰ֮ǰ£¬ÄúÐèÒª¶ÔÏÂÃæµÄ֪ʶÓлù±¾µÄÁ˽⣺
HTML / XHTML
JavaScript
AJAX = Òì²½ JavaScript ¼° XML£¨Asynchronous JavaScript and XML£©
AJAX ²»ÊÇÒ»ÖÖеıà³ÌÓïÑÔ£¬¶øÊÇÒ»ÖÖÓÃÓÚ´´½¨¸üºÃ¸ü¿ìÒÔ¼°½»»¥ÐÔ¸üÇ¿µÄ Web Ó¦ÓóÌÐòµÄ¼¼Êõ¡£
ͨ¹ý AJAX£¬ÄúµÄ JavaScript ¿ÉʹÓà JavaScript µÄ XMLHttpRequest ¶ÔÏóÀ´Ö±½ÓÓë·þÎñÆ÷½øÐÐͨÐÅ¡£Í¨¹ýÕâ¸ö¶ÔÏó£¬ÄúµÄ JavaScript ¿ÉÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÓë Web ·þÎñÆ÷½»»»Êý¾Ý¡£
AJAX ÔÚä¯ÀÀÆ÷Óë Web ·þÎñÆ÷Ö®¼äʹÓÃÒì²½Êý¾Ý´«Ê䣨HTTP ÇëÇ󣩣¬ÕâÑù¾Í¿ÉʹÍøÒ³´Ó·þÎñÆ÷ÇëÇóÉÙÁ¿µÄÐÅÏ¢£¬¶ø²»ÊÇÕû¸öÒ³Ãæ¡£
AJAX ¿ÉʹÒòÌØÍøÓ¦ÓóÌÐò¸üС¡¢¸ü¿ì£¬¸üÓѺá£
AJAX ÊÇÒ»ÖÖ¶ÀÁ¢ÓÚ Web ·þÎñÆ÷Èí¼þµÄä¯ÀÀÆ÷¼¼Êõ¡£
AJAX »ùÓÚ Web ±ê×¼
AJAX »ùÓÚÏÂÁÐ Web ±ê×¼£º
JavaScript
XML
HTML
CSS
ÔÚ AJAX ÖÐʹÓÃµÄ Web ±ê×¼Òѱ»Á¼ºÃ¶¨Ò壬²¢±»ËùÓеÄÖ÷Á÷ä¯ÀÀÆ÷Ö§³Ö¡£AJAX Ó¦ÓóÌÐò¶ÀÁ¢ÓÚä¯ÀÀÆ÷ºÍƽ̨¡£
AJAX ʹظüÓÅÐãµÄÓ¦ÓóÌÐò
Web Ó¦ÓóÌÐò½Ï×ÀÃæÓ¦ÓóÌÐòÓÐÖî¶àÓÅÊÆ£»ËüÃÇÄܹ»Éæ¼°¹ã´óµÄÓû§£¬ËüÃǸüÒ×°²×°¼°Î¬»¤£¬Ò²¸üÒ׿ª·¢¡£
²»¹ý£¬ÒòÌØÍøÓ¦ÓóÌÐò²¢²»Ïñ´«Í³µÄ×ÀÃæÓ¦ÓóÌÐòÄÇÑùÍêÉÆÇÒÓѺá£
ͨ¹ý AJAX£¬ÒòÌØÍøÓ¦ÓóÌÐò¿ÉÒÔ±äµÃ¸üÍêÉÆ£¬¸üÓѺá£
AJAX ʹÓà Http ÇëÇó
ÔÚ´«Í³µÄ JavaScript ±à³ÌÖУ¬¼ÙÈçÄúÏ£Íû´Ó·þÎñÆ÷ÉϵÄÎļþ»òÊý¾Ý¿âÖеõ½ÈκεÄÐÅÏ¢£¬»òÕßÏò·þÎñÆ÷·¢ËÍÐÅÏ¢µÄ»°£¬¾Í±ØÐëÀûÓÃÒ»¸ö HTML ±íµ¥Ïò·þÎñÆ÷ GET »ò POST Êý¾Ý¡£¶øÓû§ÔòÐèÒªµ¥»÷“Ìá½»”°´Å¥À´·¢ËÍ/»ñÈ¡ÐÅÏ¢£¬µÈ´ý·þÎñÆ÷µÄÏìÓ¦£¬È»ºóÒ»ÕÅеÄÒ³Ãæ»á¼ÓÔؽá¹û¡£
ÓÉÓÚÿµ±Óû§Ìá½»ÊäÈëºó·þÎñÆ÷¶¼»á·µ»ØÒ»ÕÅеÄÒ³Ã棬´«Í³µÄ web Ó¦ÓóÌÐò±äµÃÔËÐлºÂý£¬ÇÒÔ½À´Ô½²»ÓѺá£
ͨ¹ýÀûÓà AJAX£¬ÄúµÄ JavaScript »áͨ¹ý JavaScript µÄ XMLHttpRequest ¶ÔÏó£¬Ö±½ÓÓë·þÎñÆ÷À´Í¨ÐÅ¡£
ͨ¹ýʹÓà HTTP ÇëÇó£¬web Ò³¿ÉÏò·þÎñÆ÷½øÐÐÇëÇ󣬲¢µÃµ½À´×Ô·þÎñÆ÷µÄÏìÓ¦£¬¶ø²»¼ÓÔØÒ³Ãæ¡£Óû§¿ÉÒÔÍ£ÁôÔÚͬһ¸öÒ³Ã棬Ëû»òËý²»»á×¢Òâµ½½Å±¾ÔÚºǫ́ÇëÇó¹ýÒ³Ã棬»òÏò·þÎñÆ÷·¢Ë͹ýÊý¾Ý¡£
XMLHttpRequest ¶ÔÏó
ͨ¹ýʹÓà XMLHttpRequest ¶ÔÏó£¬web ¿ª·¢Õß¿ÉÒÔ×öµ½ÔÚÒ³ÃæÒѼÓÔغó´Ó·þÎñÆ÷¸üÐÂÒ³Ã棡
ÔÚ 2005 Äê AJAX ±» Google Íƹ㿪À´£¨Google Suggest£©¡£
Google ½¨ÒéʹÓà XMLHttpRequest ¶ÔÏóÀ´´´½¨Ò»ÖÖ¶¯Ì¬ÐÔ¼«Ç¿µÄ web ½çÃ棺µ±Äú
Ïà¹ØÎĵµ£º
11) ±íµ¥×ֶΰïÖúÐÅÏ¢µÄ×Ô¶¯Ìáʾ
ÔöÇ¿WEB±íµ¥µÄUsabilityÓкܶàºÜ¶àµÄ·½·¨£¬ÔÚÍøÉÏÒ»ËÑÒ»´óƬ£¬È»ºóÓÐЩʱºò£¬Óû§»á±»±íµ¥¸ãµÃºÜ»ìÂÒ£¬¶øÇÒ£¬²»Í¬µÄÓû§»á¶Ô±íµ¥Óв»Í¬µÄÀí½â£¬ÆäÊäÈëÒ²ÊÇǧÆæ°Ù¹Ö¡£ËùÒÔ£¬Îª±íµ¥×Ö¶ÎÔö¼ÓÒ»ÏÂ×Ô¶¯°ïÖúÐÅÏ¢µÄÌáʾ¾ø¶ÔÊǷdz£²»´íµÄÑ¡Ôñ¡£ÕâµãÔÚÌÔ±¦ÍøÉϱíÏֵñȽϳöÏÖ¡£ÏÂÃæÊÇÒ»¸ö·Ç³£¼òµ¥ ......
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLhTTP");
}
else if(window.XMLHttpRequest){
xmlHttp=new ......
±¾ÀýÊDzÉÓÃJSP + Ajax + Îı¾À´ÑÝʾ¶àÑ¡¡¢È«Ñ¡£¬Ìí¼Ó¡¢É¾³ý¡¢¸üÐÂcheckbox¶àÑ¡¿òµÄЧ¹û£»³ä·ÖÕ¹ÏÖÁËÀûÓÃJavaScript¿ØÖÆHTML DOMÒÔ¼°ÀûÓÃXML http ´«µÝÊý¾Ý£¬ÀûÓÃJSP²Ù×÷Îı¾µÄЧ¹û¡£
¡¡¡¡1.JavaScript ÓÃÀ´¿ØÖÆÒ³ÃæÄÚÈݵÄÏÖʵÓëÔöɾЧ¹û£»
¡¡¡¡2.JSP×÷Ϊºǫ́£¬¶ÔÎı¾½øÐжÁÈ¡¡¢Ð´Èë¡¢¸üеȲÙ×÷£»
¡¡¡¡3.Îı¾¸ñʽÊÇÓÃÀ´´ ......
Js´úÂë
var url=Service.aspx?Value=' + escape(va);
obj=CreateAJAX();
if(obj)
& ......
ÓкܾÃÒ»¶Îʱ¼äÎÒµÄBLOGÉÏûÓгöÏÖAJAXÏà¹ØѶϢÁË£¬Ö÷Òªµ±È»ÊÇÒòΪ¾ø´ó²¿·ÖµÄÖØÐĶ¼·Åµ½ÁËSilverlightÉíÉÏ(¿ÉÔ¤ÆÚµÄδÀ´Ó¦¸ÃÒ²»áÊÇÈç´Ë)¡£
µ«ÓÉÓÚ¹¤×÷ÉϵÄÐèÒª£¬×î½ü»¹ÊÇ»ØÍ·¿´ÁËһϼ´½«ÍƳöµÄASP.NET Ajax Library...£¬Ë³±ãÕÒÁËÒ»ÏÂÍøÂçÉϵÄѶϢ£¬¿´Õâ¸ö̬ÊÆÎÒ²ÂÏëÓ¦¸Ã²»ÉÙASP.NET¿ª·¢ÈËÔ±ºöÂÔµôÁËÕâ¸öÆäʵÒѾbet ......