Ajax ×ܽá
Ajax µÄ¸ÅÄ
AjaxÌá³öÕßJesse James GarrettÔÚ¡¶Ajax:Ò»¸öWebÓ¦ÓõÄÐÂ;¾¶¡·ÖÐÌáµ½AjaxΪ“Asynchronous JavaScript + XML”µÄ¼ò³Æ£¬Ò²¾ÍÊÇÒì²½µÄJavaScriptºÍXML´¦Àí¡£
ÆäÖаüº¬£º
ÓÃXHTMLºÍCSS½øÐлùÓÚ±ê×¼µÄ±íʾ·½Ê½£º
¡¡¡¡²ÉÓÃDOM(document object model)¶¯Ì¬ÏÔʾºÍ½»»¥²Ù×÷;
¡¡¡¡²ÉÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»ºÍ²Ù×÷;
¡¡¡¡²ÉÓÃXMLHttpRequest½øÐÐÒì²½Êý¾Ý»ñÈ¡;
¡¡¡¡²ÉÓÃJavaScript°ó¶¨ÉÏÊö¼¼ÊõÓ¦ÓÃ;
XMLHttpRequest ¶ÔÏó£º
XMLHttpRequestÊÇÒ»¸öJavaScript¶ÔÏó
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>
Ajax ·½·¨£º£¨xmlhttprequest£©(1)Ajax ÔÀí ͨ¹ýº¯Êý(2) ajax ¿ò¼Ü Ajax magicajax(3) Atlas£¨4£©Ajax.netAjax Óŵ㣺£¨1£© ÎÞˢУ¨2£© °´ÐèÈ¡Êý¾Ý£¨3£© ¼õÇá·þÎñÆ÷¶Ë´úÂëȱµã£º1 ´úÂë±È½ÏÂÒ
Ajax µÄ¹¤×÷ÔÀí£ºAjaxÖ÷ÒªÊÇͨ¹ýJavaScript¶ÔÏóÖеÄXmlHttpRequestÏò·þÎñÆ÷Ìá³öÇëÇ󣬲¢¸ù¾Ý´¦ÀíµÄ½á¹û¸üÐÂÒ³Ãæ¡£ÕâÑùµÄ¸üв»»áʹÕû¸öÒ³ÃæÈ«²¿¸üУ¬¶øÊǸù¾ÝÓû§µÄÐèÒª¶Ôij¸öÇøÓò½øÐоֲ¿¸üУ¬¶øÇÒÔÚ¸üеÄͬʱ²»Ó°ÏìÆäËüÇøÓòµÄä¯ÀÀ¡£ÀýÈ磺ËѺü¸öÈ˲©¿ÍÖÐÿ¸öÀ¸Ä¿ºóÃæµÄˢа´Å¥AjaxÓ봫ͳWebÓ¦ÓÃÓÐʲô²»Í¬?
AjaxÓ봫ͳWebÓ¦ÓÃ×î´óµÄ²»Í¬¾ÍÊÇAjax¿ÉÒÔ¶ÔÒ³ÃæÄ³Ò»¸öÇøÓò½øÐоֲ¿¼ÓÔØ£¬¶ø²»ÊÇÏñ´«Í³WebÖÐÿ´ÎÒ³ÃæÇëÇóºóµÄ¶¼±ØÐëÖØÐ¼ÓÔØÕû¸öÒ³Ãæ£¬ÌرðÔÚÒ³Ãæ¸ºÔرȽϴóµÄÇé¿öÏ£¬Ò³Ãæ¼ÓÔØÊ±¼ä¾Í±È½Ï³¤£¬Óû§¶àÊýʱ¼ä¾Í´¦Ôڵȴý״̬£¬¶ø³ÊÏÖ¸øÓû§µÄ½ö½öÊÇһƬ¿Õ°×£¬¶øÔÚAjaxµÄÓ¦ÓÃÖоͿÉÒԺܺõıÜÃâÕâÀàÊÂÇéµÄ·¢Éú¡£ Ajax Ó¦ÓóÌÐòËùÓõ½µÄ»ù±¾¼¼Êõ£ºHTML ÓÃÓÚ½¨Á¢ Web ±íµ¥²¢È·¶¨Ó¦ÓóÌÐòÆäËû²¿·ÖʹÓõÄ×ֶΡ£ JavaScript ´úÂëÊÇÔËÐÐ Ajax Ó¦ÓóÌÐòµÄºËÐÄ´úÂ룬°ïÖú¸Ä½øÓë·þÎñÆ÷Ó¦ÓóÌÐòµÄͨÐÅ¡£ DHTML »ò Dynamic HTML£¬ÓÃÓÚ¶¯Ì¬¸üÐÂ±íµ¥¡£ÎÒÃǽ«Ê¹Óà div¡¢span ºÍÆäËû¶¯Ì¬ HTML ÔªËØÀ´±ê¼Ç HTML¡£ Îĵµ¶ÔÏóÄ£ÐÍ DOM ÓÃÓÚ£¨Í¨¹ý JavaScript ´úÂ룩´¦Àí HTML ½á¹¹ºÍ£¨Ä³Ð©Çé¿öÏ£©·þÎñÆ÷·µ»ØµÄ XML¡£
Ïà¹ØÎĵµ£º
ÓкܾÃÒ»¶Îʱ¼äÎÒµÄBLOGÉÏûÓгöÏÖAJAXÏà¹ØÑ¶Ï¢ÁË£¬Ö÷Òªµ±È»ÊÇÒòΪ¾ø´ó²¿·ÖµÄÖØÐͼ·Åµ½ÁËSilverlightÉíÉÏ(¿ÉÔ¤ÆÚµÄδÀ´Ó¦¸ÃÒ²»áÊÇÈç´Ë)¡£
µ«ÓÉÓÚ¹¤×÷ÉϵÄÐèÒª£¬×î½ü»¹ÊÇ»ØÍ·¿´ÁËһϼ´½«ÍƳöµÄASP.NET Ajax Library...£¬Ë³±ãÕÒÁËÒ»ÏÂÍøÂçÉϵÄѶϢ£¬¿´Õâ¸öÌ¬ÊÆÎÒ²ÂÏëÓ¦¸Ã²»ÉÙASP.NET¿ª·¢ÈËÔ±ºöÂÔµôÁËÕâ¸öÆäʵÒѾbet ......
´úÂëÏÂÔØ£ºhttp://code.google.com/p/ajaxautocomplete/downloads/list
Auto CompleteµÄjQuery¿Ø¼þ¡£
Ê×ÏÈÊÇÐèÒªÉè¼ÆÏÂÎÒÃǵÄDIV×îºóÓ¦¸ÃÏÔʾ³ÉʲôÑù×Ó,ÎÒµÄCSS²»Õ¦µØ¡£Ï¹ÍæÄØ¡£Ñù×ÓÈçÏ£º
Ê×ÏÈÊÇÒ»¸öDIV£¬È»ºóÊÇÌí¼ÓÒ»¸öulºÍ¼¸¸öli tag:
<div id="nav">
<ul>
<li><a>Text1 field1& ......
1´´½¨Á½ÕÅÒ³Ãæ Reg.aspx¡¢CallServer.aspx¡£
ÔÚReg.aspxÒ³ÃæµÄhtmlÖзŠһ¸ö²ãºÍÒ»¸öÎı¾¿ò
<div id="aa">
<asp:TextBox id="txtuser" runat="server" Width="136px"></asp:TextBox>
</div>
<span id="errInfo">ÇëÊäÈëÓû§Ãû</span>
ÔÚReg.aspxÒ³ÃæÖÐдjavascript
¶¨Òå¶þ¸ö±äÁ¿ ......
$.get()ºÍ$.post()·½·¨
$.get(url [,data] [,callback] [,type])
type£ºstringÀàÐÍ£¬·þÎñÆ÷¶Ë·µ»ØÄÚÈݵĸñʽ£¬°üÀ¨xml£¬html£¬script£¬json£¬textºÍ_default
»Øµ÷º¯ÊýÖ»ÓÐÁ½¸ö²ÎÊý£ºfunction(data,textstatus){....}
data:·µ»ØµÄÄÚÈÝ £ ......
ÒÔǰÌá½»±íµ¥µÄ·½·¨ÊÇsubmit£¬µ«ÊÇÕâÑùµÄ»°ÎÞ·¨Ê¹ÓÃAjax£¬Ò»Ìá½»¾ÍÒâζ×ÅÐèҪˢÐÂÒ³Ãæ¡£ÁíÒ»ÖÖ·½·¨ÊÇÔÚurlÉÏÃæ¼ÓÉÏparameterÀ´·¢ËÍ±íµ¥£¬µ«ÊÇÕâÑù»á±©Â¶·¢Ë͵ÄÄÚÈÝ¡£µ«ÊÇÈç¹ûÓÃAjax·¢ËÍ±íµ¥µÄ»°¾ÍÄܱÜÃâÉÏÃæÁ½ÖÖÎÊÌâ¡£
µ«ÊÇÎÒ֮ǰ×Ô¼ºÐ´µÄʱºò£¬×ÜÊÇÌá½»µÄÊÇnullÖµ£¬ÔË ......