³õʶ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ÔÚÍøÒ³ÖÐ×î´óµÄÒ»¸öÓŵãÊÇËü¿ÉÒÔ·ÃÎÊ·þÎñÆ÷ÉϵÄÐÅÏ¢¶ø²»ÐèÒªÖØÐ¼ÓÔØÍøÒ³¡£ÕâÒâζ×ÅÒª¼ìË÷»òÊǸüÐÂÐÅÏ¢µÄijһС¸ö²¿·ÖµÄʱºò£¬Ö»ÐèÒª´Ó·þÎñÆ÷¶Ë´«ËÍÄÇÒ»²¿·ÖÐèÒªµÄÐÅÏ¢¶ø²»ÐèÒªÖØÐÂÏÂÔØÕû¸öÍøÒ³¡£
¡¡¡¡Ajax¿ÉÒÔͨ¹ýÁ½ÖÖ·½·¨·ÃÎÊ·þÎñÆ÷£¬¼´Í¬²½(½Å±¾»áÍ£Áô²¢µÈ´ý·þÎñÆ÷·¢Ëͻظ´È»ºóÔÙ¼ÌÐø)ºÍ ......
ÕªÒª
±¾ÎĽ«Ê×ÏȽéÉÜÒ»ÏÂÎÄÕµÄд×÷±³¾°ºÍÓõ½µÄÏà¹Ø¼¼Êõ¡£È»ºó½«·Ö±ðʹÓÃÆÓËØµÄAjax¼¼ÊõºÍASP.NET AJAX¿ò¼Ü·Ö±ðʵÏÖ¾µäµÄ“Hello£¡XX”£¬Í¨¹ýÁ½¸öСÀý×Ó£¬Ê¹ÅóÓÑÃǶÔÕâ¸ö¿ò¼ÜµÄÌØµãºÍ¿ò¼ÜµÄʹÓ÷½·¨ÓÐÒ»¸ö³õ²½µÄÈÏʶ¡£
ǰÑÔ
ÎÒÏ룬Èç¹û½ñÌìÄ ......
±¾ÊµÀýÖ»ÀûÓõ½JQueryÀà¿â±¾ÉíµÄº¯ÊýºÍ¹¦ÄÜ£¬²»ÐèÒªµÚÈý·½²å¼þµÄÖ§³Ö¡£ÁíÍ⣬ËùÓÐ±íµ¥ÐÅÏ¢¶¼ÊÇÀûÓÃPHPMailerÀà¿âÓʼþµÄÐÎʽ·¢Ë͸ø¹ÜÀíÔ±¡£Èç¹ûÄã¶ÔJQueryµÄ»ù±¾Óï·¨»¹²»ÊǺÜÊìϤ£¬ÇëËÑË÷±¾Õ¾µÄ½Ì³Ì×ÊÔ´¡£Èç¹ûÄã¶ÔPHPMailerÓ÷¨²»ÊìϤ£¬Çë²é¿´±¾Õ¾µÄÁíһƪÎÄÕ¡¶Ê¹ÓÃPHPMailerÀà¿â·¢Ë͵ç×ÓÓʼþ¡·¡£
µÚÒ»²½£¬´´½¨Ò»¸ö±íµ¥HTM ......
/**
* 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µÄÔÀíºÜ¼òµ¥£¬¾ÍÊÇÔÚ¿Í»§¶Ë´´½¨Ò»¸öXMLHttpRequest¶ÔÏó£¨ÓÃÀ´Óë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ£¬Õâ¾ÍÊÇAjaxµÄºËÐÄ£¬ÆäʵÎÒÃÇÔç¾ÍÔÚÓÃÒ첽ͨÐÅÁË£¬Ö»ÊÇû°ÑÕâÏî¼¼ÊõÓÃÔÚÍøÒ³Éè¼ÆÖжøÒÑ£©£¬Îª¸Ã¶ÔÏóµÄonreadystatechange ÊôÐÔÌí¼ÓÒ»¸öʼþ£¬µ±¶ÔÏóµÄreadyState¸Ä±äµÄʱºò¾Í»áÒý·¢Ö¸¶¨µÄʼþ¡£µ½´Ë¾Í¿ÉÒԾͷ¢ËÍÇëÇó¶ÁÈ¡·þÎñÆ÷¶ ......