ajaxÔÀí
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»ñÈ¡ÍêÕûµÄ»ØÓ¦Êý¾Ý
µ«ÊÇ£¬ÓÉÓÚ¸÷ä¯ÀÀÆ÷Ö®¼ä´æÔÚ²îÒ죬ËùÒÔ´´½¨Ò»¸öXMLHttpRequest¶ÔÏó¿ÉÄÜÐèÒª²»Í¬µÄ·½·¨¡£Õâ¸ö²îÒìÖ÷ÒªÌåÏÖÔÚIEºÍÆäËüä¯ÀÀÆ÷Ö®¼ä¡£ÏÂÃæÊÇÒ»¸ö±È½Ï±ê×¼µÄ´´½¨XMLHttpRequest¶ÔÏóµÄ·½·¨¡£
function CreateXmlHttp()
{
//·ÇIEä¯ÀÀÆ÷´´½¨XmlHttpRequest¶ÔÏó
if(window.XmlHttpRequest)
{
xmlhttp=new XmlHttpRequest();
}
//IEä¯ÀÀÆ÷´´½¨XmlHttpRequest¶ÔÏó
if(window.ActiveXObject)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");&
Ïà¹ØÎĵµ£º
Ajax
Ò».×ÊÔ´ÀàÍøÕ¾
1,¹úÄÚÍøÕ¾
1)AjaxÖйú(ÍÆ¼ö)
Ò»¸öרҵµÄajax¼¼ÊõÍøÕ¾,·ÖÀàÇåÎú,ÓдóÁ¿µÄµç×Ó°æ½Ì³Ì,ÒÔ¼°AJAXÔ´ÂëÏÂÔØ!
www.okajax.com
2)ajaxcn.org
ÀîçûÀÏʦµÄblog¡£Àîçû:¡¶ajaxʵս¡·ÒëÕß.
www.ajaxcn.org
-----------------------------------------
2,¹úÍâÍøÕ¾
1)¡¢AjaxµÄµ®Éú
Ajax:ANewApproachtoWeb ......
Óû§²Ù×÷½çÃæpostalcode.html
Ò³ÃæÖаüº¬3¸öÎı¾¿ò£¬·Ö±ð±íʾÓÊÕþ±àÂë¡¢µØÇøºÍ³ÇÊÐÐÅÏ¢¡£µ±Óû§ÊäÈëÓÊÕþ±àÂëºó£¬ÏµÍ³½«×Ô¶¯´Ó·þÎñÆ÷¶ÁÈ¡µØÇøºÍ³ÇÊÐÐÅÏ¢£¬Ìî³äµ½¶ÔÓ¦Îı¾¿òÖС£ÏêϸµÄº¯Êý˵Ã÷Çë²Î¿¼´úÂëÖеÄ×¢ÊÍ¡£
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<tit ......
BODY { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
P { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
DIV { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
TD { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ
google.l ......
£¨×ªÌû£©
¡¡¡¡Ò»Ìáµ½ÈçºÎÔÚǰ̨JSµ÷Óúǫ́C#·½·¨£¬AJAX³ÉΪÁ˱ØÈ»µÄÏë·¨¡£
¡¡¡¡Ö»ÊÇʵÏÖµÄϸ½Ú²ÉÓÃAJAX 1.0»òÕßAjaxProµÄÇø±ð¡£
¡¡¡¡ÆäʵÈç¹û²»ÓÃAJAX£¬ÎÒÃÇÒ²Äܹ»ºÜ·½±ãµØÀûÓÃJSµ÷Óúǫ́·½·¨¡£
¡¡¡¡²½ÖèÈçÏ£º
¡¡¡¡1 ǰ̨·ÅÒ»¸ö°´Å¥¡£ÉèÖÃΪÒþ²Ø¡£×¢Ò⣺²»ÄÜÖ±½ÓÉèÖÃVisible=falseµÄ· ......