ajax¼¼ÊõÏê½â
AJAX¼¼ÊõÓ¦ÓÃÏê½â ÊÕ²Ø
AJAXÊÇAsynchronous JavaScript and XML µÄËõд¡£Ëü²¢²»ÊÇÒ»ÃÅеÄÓïÑÔ»ò¼¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸Ïî¼¼Êõ°´Ò»¶¨µÄ·½Ê½×éºÏÔÚÒ»ÔÚͬ¹²µÄÐ×÷Öз¢»Ó¸÷×ÔµÄ×÷Óã¬Ëü°üÀ¨:ʹÓÃXHTMLºÍCSS±ê×¼»¯³ÊÏÖ;ʹÓÃDOMʵÏÖ¶¯Ì¬ÏÔʾºÍ½»»¥;ʹÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»Óë´¦Àí;ʹÓÃXMLHttpRequest½øÐÐÒì²½Êý¾Ý¶ÁÈ¡;×îºóÓÃJavaScript°ó¶¨ºÍ´¦ÀíËùÓÐÊý¾Ý¡£ AjaxµÄ¹¤×÷ÔÀíÏ൱ÓÚÔÚÓû§ºÍ·þÎñÆ÷Ö®¼ä¼ÓÁË—¸öÖмä²ã£¬Ê¹Óû§²Ù×÷Óë·þÎñÆ÷ÏìÓ¦Òì²½»¯¡£ÕâÑù°ÑÒÔǰµÄһЩ·þÎñÆ÷¸ºµ£µÄ¹¤×÷ת¼Þµ½¿Í»§¶Ë£¬ÀûÓÚ¿Í»§¶ËÏÐÖõĴ¦ÀíÄÜÁ¦À´´¦Àí£¬¼õÇá·þÎñÆ÷ºÍ´ø¿íµÄ¸ºµ££¬´Ó¶ø´ïµ½½ÚÔ¼ISPµÄ¿Õ¼ä¼°´ø¿í×âÓóɱ¾µÄÄ¿µÄ¡£
ÎÒÃÇÒÔÁ½¸öÑé֤ͨÐÐÖ¤ÕʺÅÊÇ·ñ´æÔÚµÄÀý×ÓÀ´½²ÊöAJAXÔÚʵ¼ÊÖеÄÓ¦ÓÃ:
(1)ÓÃÎı¾×Ö·û´®µÄ·½Ê½·µ»Ø·þÎñÆ÷µÄÏìÓ¦À´ÑéÖ¤ÍøÒ×ͨÐÐÖ¤ÕʺÅÊÇ·ñ´æÔÚ;
(2)ÒÔXMLDocument¶ÔÏó·½Ê½·µ»ØÏìÓ¦À´ÑéÖ¤½ðɽͨÐÐÖ¤ÕʺÅÊÇ·ñ´æÔÚ;
Ê×ÏÈ£¬ÎÒÃÇÐèÒªÓÃJavaScriptÀ´´´½¨XMLHttpRequest ÀàÏò·þÎñÆ÷·¢ËÍÒ»¸öHTTPÇëÇó£¬ XMLHttpRequest ÀàÊ×ÏÈÓÉInternet ExplorerÒÔActiveX¶ÔÏóÒýÈ룬±»³ÆÎªXMLHTTP¡£ ºóÀ´Mozilla﹑Netscape﹑Safari ºÍÆäËûä¯ÀÀÆ÷Ò²ÌṩÁËXMLHttpRequestÀ࣬²»¹ýËüÃÇ´´½¨XMLHttpRequestÀàµÄ·½·¨²»Í¬¡£
¶ÔÓÚInternet Explorerä¯ÀÀÆ÷£¬´´½¨XMLHttpRequest ·½·¨ÈçÏÂ:
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0»ò4.0, 5.0
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
ÓÉÓÚÔÚ²»Í¬Internet Explorerä¯ÀÀÆ÷ÖÐXMLHTTP°æ±¾¿ÉÄܲ»Ò»Ö£¬ÎªÁ˸üºÃµÄ¼æÈݲ»Í¬°æ±¾µÄInternet Explorerä¯ÀÀÆ÷£¬Òò´ËÎÒÃÇÐèÒª¸ù¾Ý²»Í¬°æ±¾µÄInternet Explorerä¯ÀÀÆ÷À´´´½¨XMLHttpRequestÀ࣬ÉÏÃæ´úÂë¾ÍÊǸù¾Ý²»Í¬µÄInternet Explorerä¯ÀÀÆ÷´´½¨XMLHttpRequestÀàµÄ·½·¨¡£
¶ÔÓÚMozilla﹑Netscape﹑SafariµÈä¯ÀÀÆ÷£¬´´½¨XMLHttpRequest ·½·¨ÈçÏÂ:
xmlhttp_request = new XMLHttpRequest();
Èç¹û·þÎñÆ÷µÄÏìӦûÓÐXML mime-type header£¬Ä³Ð©Mozillaä¯ÀÀÆ÷¿ÉÄÜÎÞ·¨Õý³£¹¤×÷¡£ ΪÁ˽â¾öÕâ¸öÎÊÌ⣬Èç¹û·þÎñÆ÷ÏìÓ¦µÄheader²»ÊÇtext/xml£¬¿ÉÒÔµ÷ÓÃÆäËü·½·¨Ð޸ĸÃheader¡£
xmlhttp_request = new XMLHttpRequest();
xmlhttp_request.overrideMimeType('text/xml');
ÔÚʵ¼ÊÓ¦ÓÃÖУ¬ÎªÁ˼æÈݶàÖÖ²»Í¬°æ±¾µÄä¯ÀÀÆ÷£¬Ò»°ã½«´´½¨XMLHttpReque
Ïà¹ØÎĵµ£º
×î½üÍøÉÏÌáµÄºÜ¶àµÄÒ»¸öиÅÄî¾ÍÊÇ AJAX ÁË, ÄÇô, AJAX ÊÇÊ²Ã´ÄØ? ÒÔÏÂÄÚÈÝÒýÓÃÍøÉÏ×ÊÁÏ:
AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚ web±ê×¼£¨sta ......
ÎÄÕ³ö×Ô£ºhttp://www.cnblogs.com/QLeelulu/archive/2008/04/21/1163021.html
±¾ÎĵØÖ·: jQuery
Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼ ......
oad()·½·¨
load( url [,data] [,callback]) dataÊÇObjectÀàÐÍ£¬·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
Àý£º
$(function(){
$("#send").click(function(){
$("#resText").load("test.html ......
Ò»ÖÜǰ£¬leaderÈÃÎÒдһ¸öÀàËÆ°Ù¶ÈµÄ×Ô¶¯Íê³É¹¦ÄÜ£¬ºÇºÇ£¬ÒòΪ¶Ôajax¼¼ÊõÕÆÎյIJ»ºÃ£¬ËùÒÔ¿àÄÕÁ˺ܾÃûÓÐд³öÀ´
¾¹ýÒ»ÖܵÄѧϰ£¬ÖÕÓÚд³öÁËÒ»¸öajax³ÌÐò£¬ÒÔºóµÄ¹¤×÷¾ÍºÃ×ö¶àÀ²
index.jsp
<html>
<head>
<style >
#child{
color: #333;
width:200px;
&nbs ......
MOOTOOLSÖеķ½·¨Ê¹ÓÃ
Core.js
º¯Êý: $extend ½«µÚ¶þ¸ö²ÎÊý¶ÔÏóµÄËùÓÐÊôÐÔ¸´ÖƵ½µÚÒ»¸ö²ÎÊý¶ÔÏóÖÐ.
º¯Êý: $merge ºÏ²¢Ò»×é¶ÔÏóÉú³ÉжÔÏó
º¯Êý: $each µü´úÊý×é(°üÀ¨·Ç³£¹æÊý×é,ÈçÓÉÄÚ½¨µÄgetElementsByTagName·½·¨·µ»ØµÄ¼¯ºÏ¶ÔÏó, arguments¶ÔÏó, »òOjbect¶ÔÏó)
º¯Êý: $pick ·µ»Ø² ......