Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

³õʶ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£©
ÒªÕæÕýʵÏÖÕâÖÖѤÀöµÄÆæ¼££¬±ØÐë·


Ïà¹ØÎĵµ£º

ajax ÖÐÎÄÂÒÂë

½â¾öAjax´«ËÍÖÐÎĻᵼÖÂÂÒÂëµÄÎÊÌâ
//Èç¹û´«ËͲÎÊýÊÇÖ±½Ó¸³ÓèµÄ£¬¾Í»á²úÉúÂÒÂë!
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val);   ......

10ÖÖAJAX/JavaScriptÌØÐ§ÊµÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË

 ½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇ ......

´«ÖDz¥¿ÍAjaxÊÓÆµÇ°Ê®¼¯ÊÓÆµËæ±Ê

 +++++++++++++++++++++++Ajax
~~~~~~~~~~~~~~~~~~~~~~~~~~
=======  Ajax ¼¼Êõ  ========
Ò»¡¢µÚÒ»¿Î    ===¡· AJAX¸ÅÊöÓëIntelliJ°²×°
a.Ajax¶Á·¨Æäʵ²»ÊÇÎÒÃǶÁµÄ'°¢¼Ù¿Í˹'£¬×¢Òâרҵ»¯¡£
b.ÍõÐË¿ýÀÏʦÏȽ²Êµ¼ùÔÙ½²ÀíÂÛ¡£
c.¿ª·¢¹¤¾ß²»ÔÙÊÇeclipseÁË£¬ÒòΪajaxÖ÷Ҫдjavascript
d ......

·â×°Ò»¸ö¼òµ¥µÄAjaxº¯Êý

/**
* Ajax²Ù×÷º¯Êý
*
* @param url -- ·þÎñÆ÷¶ËÒ³ÃæµØÖ·
* @param param -- ²ÎÊý£¬ÀàËÆ 'user=123&id=100'
* @param method -- ÇëÇó·þÎñÆ÷¶ËµÄ·½·¨,GetºÍPostÁ½ÖÖ£¬Ä¬ÈÏÊÇGET
* @param response -- ÊÇ·ñ»ñÈ¡·þÎñÆ÷¶Ë·µ»ØµÄ½á¹û£¬Ä¬ÈÏÊÇtrue
*/
function ajax( url, param, method, response ){
//set defaul ......

ÓÃAjax¶ÁÈ¡xmlÎļþµÄ¼òµ¥Àý×Ó

 AjaxµÄÔ­ÀíºÜ¼òµ¥£¬¾ÍÊÇÔÚ¿Í»§¶Ë´´½¨Ò»¸öXMLHttpRequest¶ÔÏó£¨ÓÃÀ´Óë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ£¬Õâ¾ÍÊÇAjaxµÄºËÐÄ£¬ÆäʵÎÒÃÇÔç¾ÍÔÚÓÃÒ첽ͨÐÅÁË£¬Ö»ÊÇû°ÑÕâÏî¼¼ÊõÓÃÔÚÍøÒ³Éè¼ÆÖжøÒÑ£©£¬Îª¸Ã¶ÔÏóµÄonreadystatechange ÊôÐÔÌí¼ÓÒ»¸öʼþ£¬µ±¶ÔÏóµÄreadyState¸Ä±äµÄʱºò¾Í»áÒý·¢Ö¸¶¨µÄʼþ¡£µ½´Ë¾Í¿ÉÒԾͷ¢ËÍÇëÇó¶ÁÈ¡·þÎñÆ÷¶ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ