ʲôÊÇAjax¼¼Êõ£¿
1.ʲôÊÇAjax?
AjaxµÄÈ«³ÆÊÇ£ºAsynchronousJavaScript+XML
2.AjaxµÄ¶¨Ò壺
Ajax²»ÊÇÒ»¸ö¼¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸ÖÖ¼¼Êõ£¬Ã¿ÖÖ¼¼Êõ¶¼ÓÐÆä¶ÀÌØÕâ´¦£¬ºÏÔÚÒ»Æð¾Í³ÉÁËÒ»¸ö¹¦ÄÜÇ¿´óµÄм¼Êõ¡£
3.Ajax°üÀ¨£º
XHTMLºÍCSS
ʹÓÃÎĵµ¶ÔÏóÄ£ÐÍ(DocumentObjectModel)×÷¶¯Ì¬ÏÔʾºÍ½»»¥
ʹÓÃXMLºÍXSLT×öÊý¾Ý½»»¥ºÍ²Ù×÷
ʹÓÃXMLHttpRequest½øÐÐÒì²½Êý¾Ý½ÓÊÕ
ʹÓÃJavaScript½«ËüÃÇ°ó¶¨ÔÚÒ»Æð
Web¿ª·¢ÁìÓòµÄ×îÐÂʱ÷ÖÊõÓïÆäʵÖÊÊÇ“¾Éò»»ÐÂÑÕ”¡£
Ajax£¨AsynchronousJavaScriptandXML£©ÊǽáºÏÁËJava¼¼Êõ¡¢XMLÒÔ¼°JavaScriptµÈ±à³Ì¼¼Êõ£¬¿ÉÒÔÈÿª·¢ÈËÔ±¹¹½¨»ùÓÚJava¼¼ÊõµÄWebÓ¦Ó㬲¢´òÆÆÁËʹÓÃÒ³ÃæÖØÔصĹßÀý¡£
AjaxÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡£ÕâÑù£¬WebÒ³Ãæ²»Óôò¶Ï½»»¥Á÷³Ì½øÐÐÖØмӲ㬾ͿÉÒÔ¶¯Ì¬µØ¸üС£Ê¹ÓÃAjax£¬Óû§¿ÉÒÔ´´½¨½Ó½ü±¾µØ×ÀÃæÓ¦ÓõÄÖ±½Ó¡¢¸ß¿ÉÓᢸü·á¸»¡¢¸ü¶¯Ì¬µÄWebÓû§½çÃæ¡£
Òì²½JavaScriptºÍXML£¨AJAX£©²»ÊÇʲôм¼Êõ£¬¶øÊÇÖ¸ÕâÑùÒ»ÖÖ·½·¨£ºÊ¹Óü¸ÖÖÏÖÓм¼Êõ——°üÀ¨¼¶ÁªÑùʽ±í£¨CSS£©¡¢JavaScript¡¢XHTML¡¢XMLºÍ¿ÉÀ©Õ¹ÑùʽÓïÑÔת»»£¨XSLT£©£¬¿ª·¢Íâ¹Û¼°²Ù×÷ÀàËÆ×ÀÃæÈí¼þµÄWebÓ¦ÓÃÈí¼þ¡£ÊµÏÖAjaxµÄËùÓÐ×é¼þ¶¼ÒÑ´æÔÚÁËÐí¶àÄê¡£AdaptivePathµÄÓû§ÌåÑéÕ½ÂÔ²¿ÃÅÖ÷¹Ü¼æ´´°ìºÏ»ïÈËJesseJamesGarrett½ñÄê2Ô·¢±íÔÚAdaptivePathÍøÕ¾ÉϵÄһƪÎÄÕÂÖжÅ׫ÁËÕâ¸öÊõÓï¡£
Òì²½Õâ¸ö´ÊÊÇÖ¸AJAXÓ¦ÓÃÈí¼þÓëÖ÷»ú·þÎñÆ÷½øÐÐÁªÏµµÄ·½Ê½¡£Èç¹ûʹÓþÉģʽ£¬Ã¿µ±Óû§Ö´ÐÐijÖÖ²Ù×÷¡¢Ïò·þÎñÆ÷ÇëÇó»ñµÃÐÂÊý¾Ý£¬Webä¯ÀÀÆ÷¾Í»á¸üе±Ç°´°¿Ú¡£
Èç¹ûʹÓÃAJAXµÄÒ첽ģʽ£¬ä¯ÀÀÆ÷¾Í²»±ØµÈÓû§ÇëÇó²Ù×÷£¬Ò²²»±Ø¸üÐÂÕû¸ö´°¿Ú¾Í¿ÉÒÔÏÔʾлñÈ¡µÄÊý¾Ý¡£Ö»ÒªÀ´»Ø´«ËͲÉÓÃXML¸ñʽµÄÊý¾Ý£¬ÔÚä¯ÀÀÆ÷ÀïÃæÔËÐеÄJavaScript´úÂë¾Í¿ÉÒÔÓë·þÎñÆ÷½øÐÐÁªÏµ¡£JavaScript´úÂ뻹¿ÉÒÔ°ÑÑùʽ±í¼Óµ½¼ìË÷µ½µÄÊý¾ÝÉÏ£¬È»ºóÔÚÏÖÓÐÍøÒ³µÄij¸ö²¿·Ö¼ÓÒÔÏÔʾ¡£
ÔÚÃæÏòÏû·ÑÕßµÄÖî¶àÓ¦Óõ±ÖУ¬GoogleµÄGmailºÍGoogleMaps¾ÍÊÇ×î³£¼ûµÄÀý×Ó¡£ÔÚGmailµ±ÖУ¬AJAX¸ºÔðÈçºÎ¿ªÆôÏ̻߳Ự£¬ÒÔÏÔʾ²»Í¬ÓʼþµÄÎı¾ÄÚÈÝ¡£¶øÔÚMapsµ±ÖУ¬AJAXÔÊÐíÓû§ÒÔÒ»ÖÖËƺõÎÞ·ìµÄ·½Ê½ÍÏÀ¼°¹ö¶¯µØͼ¡£
»¹ÓÐÑÅ»¢µÄFlickrÏñƬ¹²ÏíÓ¦ÓúÍÑÇÂíÑ·ÍøÕ¾µÄA9ËÑË÷ÒýÇæ¡£ÁíÍ⣬ÑÅ»¢ÐµÄWebÓʼþ·þÎñ¿ÉÄܺܿì¾Í»áÎüÒýAJAXÖ§³ÖÕßµÄĪ´ó¹Ø×¢£¬ÕâÏî·þÎñ»ùÓÚÑÅ»¢ÊÕ¹ºOddpostºóµÃµ½µÄ¼¼Êõ¡£
ÕâЩUI¶¼³ä·ÖµØʹÓÃÁ˺ǫ́ͨµÀ£¬Ò²±»Ò»Ð©¿ª·¢Õß³ÆΪ“
Ïà¹ØÎĵµ£º
ASP.NET AJAX(×î³õ´úÂëÃûΪ“ATLAS”)¿ò¼Ü£¬×÷ΪÖصãÖ§³ÖASP.NET¿ª·¢Æ½Ì¨µÄ¿ªÔ´Ajax¿ò¼ÜÔÚËüÒ»³öÊÀʱ¾ÍÊܵ½¹ã´ó.NET¿ª·¢ÈËÔ±µÄÇàíù¡£ÔÚ±¾ÎÄÖУ¬ÎÒÃǽ«×¨×¢ÓÚ·ÖÎöASP.NET AJAX±à³ÌÖзþÎñÆ÷Óë¿Í»§¶ËͨÐŹý³ÌÖеÄÊý¾Ý´æ´¢ÐÎʽµÄÎÊÌâ¡£¾ßÌåµØ˵£¬ÎÒÃǽ«Ì½ÌÖÒ»¸öʵÏÖÐòÁл¯Óë·´ÐòÁл¯µÄ·þÎñÆ÷¶Ë¶ÔÏó—JavaScriptS ......
AjaxºÍjspµÄ¹ÖÏÖÏó
Èç¹ûÓÃAjaxÈ¥ÇëÇóÒ»¸öjspÒ³Ã棬¸ÃjspÒ³Ãæ·µ»ØµÄÊÇxml£¨response.setContentType("text/xml; charset=GB2312");£©£¬²¢ÇÒ¸Ãjsp°üº¬ÏÂÃæÕâЩͷ@pageÖ¸ÁîµÄ»°£¬ÔòÔÚ¿Í»§¶Ëxml=XMLHttpRequest.responseXMLµÃµ½µÄÊÇÒ»¸ö²»°üº¬ÈÎÎñ¶«Î÷µÄxml¶ÔÏ󣬼´xml.childNodes.length½«»áÊÇ0.
......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
½»»¥µÄ»ù±¾¹ý³Ì°üÀ¨£º
l ´´½¨XMLHttpRequest¶ÔÏó£»
l ·¢ËÍÇëÇó£»
l ´¦ÀíÏìÓ¦¡£
´ ......
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<sc ......
Ôø¾¶ÔajaxºÜºÃÆ棬ÿ´ÎºÍͬѧ»òÕßͬÊÂ̸ÆðajaxÌýËûÃÇÔÚÄÇÇáÃèµÐ´Ò»·¬²»ÖªËùÒÔÈ»£¬Ç°¼¸Ìì²é×ÊÁϲŻíÈ»Ã÷°×¡£ÏÂÃæÖ±ÈëÕýÌ⣺
Ajax »ù±¾ÉϾÍÊÇ°Ñ JavaScript ¼¼ÊõºÍ XMLHttpRequest
¶ÔÏó·ÅÔÚ Web
±íµ¥ºÍ·þÎñÆ÷Ö®¼ä
¡£µ±Óû§Ìîд±íµ¥Ê±£¬Êý¾Ý·¢Ë͸øһЩ JavaScript ´úÂë¶ø²»ÊÇ
Ö±½Ó·¢Ë͸ø·þÎñÆ÷¡£Ïà·´£¬JavaScript
......