´ó¼Ò¶¼ÖªµÀajax²¢·ÇÒ»ÖÖеļ¼Êõ£¬¶øÊǼ¸ÖÖÔÓм¼ÊõµÄ½áºÏÌå¡£ËüÓÉÏÂÁм¼Êõ×éºÏ¶ø³É¡£
1.ʹÓÃCSSºÍXHTMLÀ´±íʾ¡£
2. ʹÓÃDOMÄ£ÐÍÀ´½»»¥ºÍ¶¯Ì¬ÏÔʾ¡£
3.ʹÓÃXMLHttpRequestÀ´ºÍ·þÎñÆ÷½øÐÐÒ첽ͨÐÅ¡£
4.ʹÓÃjavascriptÀ´°ó¶¨ºÍµ÷Óá£
ÔÚÉÏÃ漸Öм¼ÊõÖУ¬³ýÁËXmlHttpRequest¶ÔÏóÒÔÍ⣬ÆäËüËùÓеļ¼Êõ¶¼ÊÇ»ùÓÚweb±ê×¼²¢ÇÒÒѾµÃµ½Á˹㷺ʹÓõģ¬XMLHttpRequestËäȻĿǰ»¹Ã»Óб»W3CËù²ÉÄÉ£¬µ«ÊÇËüÒѾÊÇÒ»¸öÊÂʵµÄ±ê×¼£¬ÒòΪĿǰ¼¸ºõËùÓеÄÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³ÖËü¡£
ajaxÔÀíºÍXmlHttpRequest¶ÔÏó
AjaxµÄÔÀí¼òµ¥À´ËµÍ¨¹ýXmlHttpRequest¶ÔÏóÀ´Ïò·þÎñÆ÷·¢Òì²½ÇëÇ󣬴ӷþÎñÆ÷»ñµÃÊý¾Ý£¬È»ºóÓÃjavascriptÀ´²Ù×÷DOM¶ø¸üÐÂÒ³Ãæ¡£ÕâÆäÖÐ×î¹Ø¼üµÄÒ»²½¾ÍÊÇ´Ó·þÎñÆ÷»ñµÃÇëÇóÊý¾Ý¡£ÒªÇå³þÕâ¸ö¹ý³ÌºÍÔÀí£¬ÎÒÃDZØÐë¶Ô XMLHttpRequestÓÐËùÁ˽⡣
XMLHttpRequestÊÇajaxµÄºËÐÄ»úÖÆ£¬ËüÊÇÔÚIE5ÖÐÊ×ÏÈÒýÈëµÄ£¬ÊÇÒ»ÖÖÖ§³ÖÒì²½ÇëÇóµÄ¼¼Êõ¡£¼òµ¥µÄ˵£¬Ò²¾ÍÊÇjavascript¿ÉÒÔ¼°Ê±Ïò·þÎñÆ÷Ìá³öÇëÇóºÍ´¦ÀíÏìÓ¦£¬¶ø²»×èÈûÓû§¡£´ïµ½ÎÞˢеÄЧ¹û¡£
ËùÒÔÎÒÃÇÏÈ´ÓXMLHttpRequest½²Æð£¬À´¿´¿´ËüµÄ¹¤×÷ÔÀí¡£
Ê×ÏÈ£¬ÎÒÃÇÏÈÀ´¿´¿´XMLHttpRequestÕâ¸ö¶ÔÏóµÄÊôÐÔ¡£
ËüµÄÊôÐÔÓУº
onreadystatechange ÿ´Î״̬¸Ä±äËù´¥·¢Ê¼þµÄʼþ´¦Àí³ÌÐò¡£
responseText ´Ó·þÎñÆ÷½ø³Ì·µ»ØÊý¾ÝµÄ×Ö·û´®ÐÎʽ¡£
responseXML ´Ó·þÎñÆ÷½ø³Ì·µ»ØµÄDOM¼æÈݵÄÎĵµÊý¾Ý¶ÔÏó¡£
status ´Ó·þÎñÆ÷·µ»ØµÄÊý×Ö´úÂ룬±ÈÈç³£¼ûµÄ404£¨Î´ÕÒµ½£©ºÍ200£¨ÒѾÍÐ÷£©
status Text °éËæ״̬ÂëµÄ×Ö·û´®ÐÅÏ¢
readyState ¶ÔÏó״ֵ̬
0 (δ³õʼ»¯) ¶ÔÏóÒѽ¨Á¢£¬µ«ÊÇÉÐδ³õʼ»¯£¨ÉÐδµ÷ÓÃopen·½·¨£©
1 (³õʼ»¯) ¶ÔÏóÒѽ¨Á¢£¬ÉÐδµ÷ÓÃsend·½·¨
2 (·¢ËÍÊý¾Ý) send·½·¨Òѵ÷Ó㬵«Êǵ±Ç°µÄ״̬¼°httpͷδ֪
3 (Êý¾Ý´«ËÍÖÐ) ÒѽÓÊÕ²¿·ÖÊý¾Ý£¬ÒòΪÏìÓ¦¼°httpÍ·²»È«£¬Õâʱͨ¹ýresponseBodyºÍresponseText»ñÈ¡²¿·ÖÊý¾Ý»á³öÏÖ´íÎó£¬
4 (Íê³É) Êý¾Ý½ÓÊÕÍê±Ï,´Ëʱ¿ÉÒÔͨ¹ýͨ¹ýresponseXmlºÍresponseText»ñÈ¡ÍêÕûµÄ»ØÓ¦Êý¾Ý¡£
ajaxµÄÓŵã
AjaxµÄ¸øÎÒÃÇ´øÀ´µÄºÃ´¦´ó¼Ò»ù±¾É϶¼ÉîÓÐÌå»á£¬ÔÚÕâÀïÎÒÖ»¼òµ¥µÄ½²¼¸µã£º
1¡¢×î´óµÄÒ»µãÊÇÒ³ÃæÎÞˢУ¬ÔÚÒ³ÃæÄÚÓë·þÎñÆ÷ͨÐÅ£¬¸øÓû§µÄÌåÑé·Ç³£ºÃ¡£
2¡¢Ê¹ÓÃÒì²½·½Ê½Óë·þÎñÆ÷ͨÐÅ£¬²»ÐèÒª´ò¶ÏÓû§µÄ²Ù×÷£¬¾ßÓиü¼ÓѸËÙµÄÏìÓ¦ÄÜÁ¦¡£
3¡¢¿ÉÒÔ°ÑÒÔǰһЩ·þÎñÆ÷¸ºµ£µÄ¹¤×÷ת¼Þµ½¿Í»§¶Ë£¬ÀûÓÿͻ§¶ËÏÐÖõÄÄÜÁ¦À´´¦Àí£¬¼õÇá·þÎñÆ÷ºÍ´ø¿íµÄ¸ºµ££¬½ÚÔ¼¿Õ¼äºÍ¿í´ø×âÓóɱ¾¡£²¢ÇÒ¼õÇá·þÎñÆ÷µÄ¸ºµ££¬ajaxµÄÔÔòÊÇ“°´ÐèÈ¡Êý¾Ý”£¬¿ÉÒÔ×î´ó³Ì¶ÈµÄ¼õÉÙÈßÓàÇëÇ󣬺ÍÏìÓ¦¶Ô·þÎñÆ÷Ôì³ÉµÄ¸ºµ£¡£
4¡¢»ùÓÚ±ê×¼»¯µÄ²¢±»¹ã·ºÖ§³ÖµÄ¼¼Êõ£¬²»ÐèÒªÏÂÔزå¼þ»òÕßС³ÌÐò¡£
ajaxµÄȱµã
ÏÂÃæÎÒ×ÅÖؽ²Ò»½²ajaxµÄȱÏÝ£¬ÒòΪƽʱÎÒÃÇ´ó¶à×¢ÒâµÄ¶¼ÊÇajax¸øÎÒÃÇËù´øÀ´µÄºÃ´¦ÖîÈçÓû§ÌåÑéµÄÌáÉý¡£¶ø¶ÔajaxËù´øÀ´µÄȱÏÝÓÐËùºöÊÓ¡£
ÏÂÃæËù²ûÊöµÄajaxµÄȱÏݶ¼ÊÇËüÏÈÌìËù²úÉúµÄ¡£
1¡¢ajax¸ÉµôÁËback°´Å¥£¬¼´¶Ôä¯ÀÀÆ÷ºóÍË»úÖƵÄÆÆ»µ¡£ºóÍË°´Å¥ÊÇÒ»¸ö±ê×¼µÄwebÕ¾µãµÄÖØÒª¹¦ÄÜ£¬µ«ÊÇËüû·¨ºÍjs½øÐкܺõĺÏ×÷¡£ÕâÊÇajaxËù´øÀ´µÄÒ»¸ö±È½ÏÑÏÖصÄÎÊÌ⣬ÒòΪÓû§ÍùÍùÊÇÏ£ÍûÄܹ»Í¨¹ýºóÍËÀ´È¡ÏûÇ°Ò»´Î²Ù×÷µÄ¡£ÄÇô¶ÔÓÚÕâ¸öÎÊÌâÓÐûÓа취£¿´ð°¸Êǿ϶¨µÄ£¬ÓùýGmailµÄÖªµÀ£¬GmailÏÂÃæ²ÉÓõÄajax¼¼Êõ½â¾öÁËÕâ¸öÎÊÌ⣬ÔÚGmailÏÂÃæÊÇ¿ÉÒÔºóÍ˵ģ¬µ«ÊÇ£¬ËüÒ²²¢²»ÄܸıäajaxµÄ»úÖÆ£¬ËüÖ»ÊDzÉÓõÄÒ»¸ö±È½Ï±¿µ«ÊÇÓÐЧµÄ°ì·¨£¬¼´Óû§µ¥»÷ºóÍË°´Å¥·ÃÎÊÀúÊ·¼Ç¼ʱ£¬Í¨¹ý´´½¨»òʹÓÃÒ»¸öÒþ²ØµÄIFRAMEÀ´ÖØÏÖÒ³ÃæÉϵıä¸ü¡££¨ÀýÈ磬µ±Óû§ÔÚGoogle MapsÖе¥»÷ºóÍËʱ£¬ËüÔÚÒ»¸öÒþ²ØµÄIFRAMEÖнøÐÐËÑË÷£¬È»ºó½«ËÑË÷½á¹û·´Ó³µ½AjaxÔªËØÉÏ£¬ÒԱ㽫ӦÓóÌÐò״̬»Ö¸´µ½µ±Ê±µÄ״̬¡££©
µ«ÊÇ£¬ËäȻ˵Õâ¸öÎÊÌâÊÇ¿ÉÒÔ½â¾öµÄ£¬µ«ÊÇËüËù´øÀ´µÄ¿ª·¢³É±¾ÊǷdz£¸ßµÄ£¬ºÍajax¿ò¼ÜËùÒªÇóµÄ¿ìËÙ¿ª·¢ÊÇÏà±³ÀëµÄ¡£ÕâÊÇajaxËù´øÀ´µÄÒ»¸ö·Ç³£ÑÏÖصÄÎÊÌâ¡£
2¡¢°²È«ÎÊÌâ
¼¼ÊõͬʱҲ¶ÔITÆóÒµ´øÀ´ÁËÐµİ²È«Íþв£¬ajax¼¼Êõ¾ÍÈçͬ¶ÔÆóÒµÊý¾Ý½¨Á¢ÁËÒ»¸öÖ±½ÓͨµÀ¡£ÕâʹµÃ¿ª·¢ÕßÔÚ²»¾Òâ¼ä»á±©Â¶±ÈÒÔÇ°¸ü¶àµÄÊý¾ÝºÍ·þÎñÆ÷Âß¼¡£ajaxµÄÂß¼¿ÉÒÔ¶Ô¿Í»§¶ËµÄ°²È«É¨Ãè¼¼ÊõÒþ²ØÆðÀ´£¬ÔÊÐíºÚ¿Í´ÓÔ¶¶Ë·þÎñÆ÷ÉϽ¨Á¢ÐµĹ¥»÷¡£»¹ÓÐajaxÒ²ÄÑÒÔ±ÜÃâһЩÒÑÖªµÄ°²È«Èõµã£¬ÖîÈç¿çÕ¾µã½Å²½¹¥»÷¡¢SQL×¢Èë¹¥»÷ºÍ»ùÓÚcredentialsµÄ°²È«Â©¶´µÈ¡£
3¡¢¶ÔËÑË÷ÒýÇæµÄÖ§³Ö±È½ÏÈõ¡£
4¡¢ÆÆ»µÁ˳ÌÐòµÄÒì³£»úÖÆ¡£ÖÁÉÙ´ÓÄ¿Ç°¿´À´£¬Ïñajax.dll£¬ajaxpro.dllÕâЩajax¿ò¼ÜÊÇ»áÆÆ»µ³ÌÐòµÄÒì³£»úÖƵġ£¹ØÓÚÕâ¸öÎÊÌ⣬ÎÒÔø¾ÔÚ¿ª·¢¹ý³ÌÖÐÓöµ½¹ý£¬µ«ÊDzéÁËÒ»ÏÂÍøÉϼ¸ºõûÓÐÏà¹ØµÄ½éÉÜ¡£ºóÀ´ÎÒ×Ô¼º×öÁËÒ»´ÎÊÔÑ飬·Ö±ð²ÉÓÃajaxºÍ´«Í³µÄformÌá½»µÄģʽÀ´É¾³ýÒ»ÌõÊý¾Ý……¸øÎÒÃǵĵ÷ÊÔ´øÀ´Á˺ܴóµÄÀ§ÄÑ¡£
5¡¢ÁíÍ⣬ÏñÆäËû·½ÃæµÄһЩÎÊÌ⣬±ÈÈç˵Υ±³ÁËurlºÍ×ÊÔ´¶¨Î»µÄ³õÖÔ¡£ÀýÈ磬ÎÒ¸øÄãÒ»¸öurlµØÖ·£¬Èç¹û²ÉÓÃÁËajax¼¼Êõ£¬Ò²ÐíÄãÔÚ¸ÃurlµØÖ·ÏÂÃæ¿´µ½µÄºÍÎÒÔÚÕâ¸öurlµØÖ·Ï¿´µ½µÄÄÚÈÝÊDz»Í¬µÄ¡£Õâ¸öºÍ×ÊÔ´¶¨Î»µÄ³õÖÔÊÇÏà±³ÀëµÄ¡£
6¡¢Ò»Ð©ÊÖ³ÖÉ豸£¨ÈçÊÖ»ú¡¢PDAµÈ£©ÏÖÔÚ»¹²»ÄܺܺõÄÖ§³Öajax£¬±ÈÈç˵ÎÒÃÇÔÚÊÖ»úµÄä¯ÀÀÆ÷ÉÏ´ò¿ª²ÉÓÃajax¼¼ÊõµÄÍøվʱ£¬ËüÄ¿Ç°ÊDz»Ö§³ÖµÄ£¬µ±È»£¬Õâ¸öÎÊÌâºÍÎÒÃÇû̫¶à¹Øϵ¡£
±¾Õ¾»¶ÓÈκÎÐÎʽµÄתÔØ£¬µ«ÇëÎñ±Ø×¢Ã÷³ö´¦£¬×ðÖØËûÈËÀͶ¯³É¹û
תÔØÇë×¢Ã÷£º ÎÄÕÂתÔØ×Ô£º°®Ë¼×ÊÔ´Íø http://www.aseoe.com/show-12-508-1.html
תÔØÇë×¢Ã÷£º ÎÄÕÂתÔØ×Ô£º°®Ë¼×ÊÔ´Íø http://www.aseoe.com/show-12-508-1.html