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¡£
Ïà¹ØÎĵµ£º
ÎÄÕ³ö×Ô£ºhttp://www.cnblogs.com/QLeelulu/archive/2008/04/21/1163021.html
±¾ÎĵØÖ·: jQuery
Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼ ......
×òÌì¿´ÁËÆª²»ÊǺÜÑϽ÷µÄ²©ÎÄ¡¶Ò»¸öËãÃüС͵³ÌÐòµÄµ®Éú¡·£¬ÀïÃæÐ´ÁËÒ»¸öͨ¹ýAJAX͵ÇÔ±ðÈËÍøÕ¾Ëã·¨µÄ·½·¨¡£Êµ¼ùÁËһϸù±¾²»ÐУ¬AJAXËÆºõ²»ÄÜ¿çÓò¡£
ºóÀ´ÎÒÏëÁËһЩ½â¾ö·½·¨£¬ÖÕÓÚ¿çÓò³É¹¦¡£ÏÖÔÚ¹«²¼Ò»Ï·½·¨¡£
ÈÎÎñ£ºÔÚ×Ô¼ºÍøÕ¾×ö¸ö±íµ¥£¬Ïò¡ ......
$.get()ºÍ$.post()·½·¨
$.get(url [,data] [,callback] [,type])
type£ºstringÀàÐÍ£¬·þÎñÆ÷¶Ë·µ»ØÄÚÈݵĸñʽ£¬°üÀ¨xml£¬html£¬script£¬json£¬textºÍ_default
»Øµ÷º¯ÊýÖ»ÓÐÁ½¸ö²ÎÊý£ºfunction(data,textstatus){....}
data:·µ»ØµÄÄÚÈÝ £ ......
´ò¿ªÇëÇó
¡¡¡¡ÓÐÁËÒªÁ¬½ÓµÄ URL ºó¾Í¿ÉÒÔÅäÖÃÇëÇóÁË¡£¿ÉÒÔÓà XMLHttpRequest ¶ÔÏóµÄ open() ·½·¨À´Íê³É¡£¸Ã·½·¨ÓÐÎå¸ö²ÎÊý:
request-type:·¢ËÍÇëÇóµÄÀàÐÍ¡£µäÐ͵ÄÖµÊÇ GET »ò POST£¬µ«Ò²¿ÉÒÔ·¢ËÍ HEAD ÇëÇó¡£
url:ÒªÁ¬½ÓµÄ URL¡£
asynch:Èç¹ûÏ£ÍûʹÓÃÒì²½Á¬½ÓÔòΪ true£¬·ñÔòΪ false¡£¸Ã²ÎÊýÊÇ¿ÉÑ¡µÄ£¬Ä¬ÈÏΪ true¡£
......