³õʶAjax¼¼Êõ1
Ò» ÒýÌâ
ÈçºÎÈÃweb³ÌÐòÓÃÆðÀ´Ïñ×ÀÃæÓ¦ÓóÌÐòÒ»Ñù¼òµ¥£»
ÅÖ¿Í»§¶Ë£¿Êݿͻ§¶Ë£¿ÈçºÎÑ¡Ôñ£¿-----¿´ÐèÇ󣬿´Óû§µÄʹÓã¬Áé»îµ÷½Ú¡£
²»ÒªÉÁ˸£¬¿Õ°×Ò³³öÏÖ£¿
¶þ ³õʶAjax
1. AjaxÊÇÒ»¸ö¿Í»§¶Ë¼¼Êõ£¬²»ÂÛÄãÏÖÔÚʹÓúÎÖÖ·þÎñÆ÷¶Ë¼¼Êõ£¬¶¼ÄÜʹÓÃAjax£¬¶ø²»¹ÜʹÓõÄÊÇJava¡¢.NET¡¢Ruby¡¢PHP»¹ÊÇCGI¡£
2. AjaxÊÇÒ»ÖÖ»ùÓÚä¯ÀÀÆ÷µÄ·½·¨£»
3. Ajax²»ÊÇȫеÄÍøÒ³¼¼Êõ£¬ËüÊÇÒÔÒ»ÖÖз½·¨À´ÕûºÏÏÖ´æµÄ¶àÖÖÍøÒ³¼¼Êõ£»
4. Ч¹ûÈ磺Google Suggest£»
5. AjaxÏà¹Ø¼¼ÊõÈçÏ£º
¡ô HTML/XHTMLºÍCSS£ºÔÚä¯ÀÀÆ÷ÏÔʾÓû§½Ó¿ÚºÍ³ÊÏÖÏà¹ØÊý¾Ý£»
¡ô JavaScript£»ËùÓеÄä¯ÀÀÆ÷¶¼Ö§³ÖJavaScript½Å±¾ÓïÑÔ¡£AJAXʹÓÃJavaScript½Å±¾ÓïÑÔÀ´²Ù×÷XmlHttpRequest¶ÔÏó¡¢²Ù×÷DOMºÍCSSµÈ¡£
¡ô XML£º·þÎñÆ÷Òì²½´«µÝµÄÊý¾Ý£»
¡ô XMLDOM:µ±ä¯ÀÀÆ÷Òì²½»ñÈ¡XMLÊý¾Ýºó£¬¿ÉÒÔ½øÒ»²½µÄʹÓÃJavaScript³ÌÐò´úÂëºÍXML DOMÀ´È¡³öÏà¹ØµÄÐÅÏ¢£»
¡ô XMLHTTPRequest¶ÔÏó£ºJavaScript´úÂëʶͨ¹ýXMLHTTPRequest¶ÔÏóÀ´½¨Á¢Òì²½µÄHTTPÇëÇó£»
×¢Ò⣺¶ÔÓÚһЩÏà¹Ø¼¼Êõ£¬Äã²»±ØÊÇÕâ·½ÃæµÄר¼Ò£¬µ«ÊÇ»ù±¾Á˽⻹ÊDZØÒªµÄ¡£
6. Ajax×î´óÌØÉ«Ö®Ò»£º¿ÉÒÔ¸üÐÂÍøÒ³µÄ²¿·ÖÄÚÈݶø²»ÐèҪˢÐÂÕû¸öÒ³Ãæ£»
×îͨÓõ͍ÒåΪ£ºXmlHttpÊÇÒ»Ì׿ÉÒÔÔÚJavascript¡¢VbScript¡¢JscriptµÈ½Å±¾ÓïÑÔÖÐͨ¹ýhttpÐÒé´«ËÍ»ò´Ó½ÓÊÕXML¼°ÆäËûÊý¾ÝµÄÒ»Ì×API¡£XmlHttp×î´óµÄÓô¦ÊÇ¿ÉÒÔ¸üÐÂÍøÒ³µÄ²¿·ÖÄÚÈݶø²»ÐèҪˢÐÂÕû¸öÒ³Ãæ¡££¨Õâ¸ö¹¦ÄÜÕýÊÇAJAXµÄÒ»´óÌØµãÖ®Ò»£©
Èý Àí½âÒ첽˼Ïë
1. AjaxÔÊÐíÄãÒì²½µØÍê³É²Ù×÷£¬Õâ¸ö×î´óµÄÓŵ㣻
2. ¶àÊý Web Ó¦ÓóÌÐò¶¼Ê¹ÓÃÇëÇó/ÏìӦģÐÍ´Ó·þÎñÆ÷ÉÏ»ñµÃÍêÕûµÄ HTML Ò³Ãæ¡£³£³£Êǵã»÷Ò»¸ö°´Å¥£¬µÈ´ý·þÎñÆ÷ÏìÓ¦£¬ÔÙµã»÷ÁíÒ»¸ö°´Å¥£¬È»ºóÔٵȴý£¬ÕâÑùÒ»¸ö·´¸´µÄ¹ý³Ì¡£
±ÈÈ磬µ½ Amazon.com ÍøÕ¾Éϵã»÷Ò»¸ö°´Å¥»òÕßÊäÈëËÑË÷Ïî¡£¾Í»á¶Ô·þÎñÆ÷·¢ËÍÒ»¸öÇëÇó£¬È»ºóÏìÓ¦ÔÙ·µ»Øµ½ä¯ÀÀÆ÷¡£¸ÃÇëÇó²»½ö½öÊÇͼÊéºÍÊéÄ¿ÁÐ±í£¬¶øÊÇÁíÒ»¸öÍêÕûµÄ HTML Ò³Ãæ¡£Òò´Ëµ± Web ä¯ÀÀÆ÷ÓÃÐ嵀 HTML Ò³ÃæÖØ»æÊ±£¬¿ÉÄܻῴµ½ÉÁ˸»ò¶¶¶¯¡£ÊÂʵÉÏ£¬Í¨¹ý¿´µ½µÄÿ¸öÐÂÒ³Ãæ¿ÉÒÔÇåÎúµØ¿´µ½ÇëÇóºÍÏìÓ¦¡£
ËÄ Í¨¹ýÒ»¸ö¼òµ¥µÄÀý×ÓÀ´Ñ§Ï°Ajax¼¼Êõ
£¨²Î¿¼ÀýÌ⣺TrainAjax/NewRequest.aspx£©
ÒªÕæÕýʵÏÖÕâÖÖѤÀöµÄÆæ¼££¬±ØÐë·
Ïà¹ØÎĵµ£º
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇ ......
£¨ÒÔÏÂÀ´×ÔWIKI£©
AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÒ»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£¸ù據AjaxÌá³öÕßJesse James Garrett½¨議[1]£¬Ëü£º
ʹÓÃXHTML+CSSÀ´±íʾÐÅÏ¢£»
ʹÓÃJavaScript²Ù×÷DOM£¨Document Object Model£©½øÐ ......
AJAX Á÷ÐÐÖ®ºó£¬×ÜÏëºÃºÃѧϰһÏ¡£µ«ÊÇÖÚ¶àµÄ¿ò¼ÜʵÔÚÄÑÒÔÑ¡Ôñ¡£ËµÃ÷һϠASP.NET AJAX ²¢²»°üÀ¨ÔÚ AJAX ¿ò¼ÜÖ®ÖС£
¸Õ¿ªÊ¼Ñ§ÁË JQuqery£¬ ÖÚ¶àµÄ $get(),...µÈµÈ·ûºÅÔçÒѰÑÎÒ¸ãÔÎÁË¡£ÔÝʱ¾Í·ÅÆúÁË¡£
ºóÀ´Ñ§Ï° ASP.NET AJAX £¬ÔÚ΢ÈíµÄÁ쵼ϣ¬Öð½¥ÓÉ·þÎñÆ÷¶ËתÏò¿Í»§¶Ë±à³Ì¡£ ¼¤ÆðÎÒ¿Í»§¶Ë±à³ÌµÄÐËȤ£¬
²ÅÏëÆðѧ ......
Ajax¿ò¼Ü jQuery
jQueryÊÇÒ»¿îÃâ·ÑÇÒ¿ª·ÅÔ´´úÂëµÄJavaScript´úÂë¿â£¬ÓÉJohn Resig´´½¨¡£ÊÚȨÐÒéΪGPLºÍMITÐí¿É֤˫ÐÒ顣ʾÀý´úÂ룺 $("p.neat").addClass("ohmy").show("slow"); ÌØµãÇáÁ¿¼¶¾GZipѹËõºó´«ÊäµÄ´úÂëÎļþ½ö14KB£¬Î´¾Ñ¹Ëõ´«Ë͵ĴúÂëÎļþ½ö26KB¡£ jQuery 1.26°æÊ±£º µµ°¸µµ°¸ÐÐÊýµµ°¸Size ±¸×¢ jquery-1.2 ......
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function saveUserInfo()
{
//»ñÈ¡½ÓÊÜ·µ»ØÐÅÏ¢²ã
var msg = document.getElementById("msg");
//»ñÈ¡±íµ¥¶ÔÏóºÍÓ ......