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
Ïà¹ØÎĵµ£º
×î½ümatch001.comÏîÄ¿×öÒ»¸ö·¢Ë͵ç×ÓϲÌûµÄ¹¦ÄÜ£¬·¢ÏÖQQÓÍÏäÃ÷ÐÅÆ¬¹¦Äܲ¶à¡£ÓÚÊǺõ¹¹Ë¼×ö³ÉÄǸöÑù×Ó¡£
Óм¸µãÐèҪʵÏֵģº
±³¾°Í¼Æ¬¡¢½á»éÏàÆ¬µÄ¼ÓÔØ¡£
N¶àµÄʼþ°ó¶¨
¸úÏà²áÊý¾Ý°ó¶¨£¬Ñ¡ÔñÏà²áÁгöËùÓÐÏàÆ¬£¬²¢ÇÒÏàÆ¬·ÖÒ³¡£ËùÓеͼAJAXʵÏÖ
³õʼ»¯Ò»¸öDIVÓÃÀ´¿ØÖÆÉϲãͼƬλÖÃÒÆ¶¯£¬¸ù¾Ý²»Í¬±³¾°Í¼Æ¬£¬³õʼ»¯²»²» ......
ÎÒÃǶ¼ÖªµÀ£¬ajaxÄÜÌá¸ßÒ³ÃæÔØÈëµÄËٶȵÄÖ÷ÒªÔÒòÊÇͨ¹ýajax¼õÉÙÁËÖØ¸´Êý¾ÝµÄÔØÈë£¬ÕæÕý×öµ½°´Ðè»ñÈ¡£¬¼ÈÈ»Èç´Ë£¬ÎÒÃÇÔÚдajax³ÌÐòµÄʱºò²»·ÁËÍ·ðË͵½Î÷£¬ÔÚ¿Í»§¶ËÔÙ×öÒ»´Î»º´æ,½øÒ»²½Ìá¸ßÊý¾ÝÔØÈëËÙ¶È¡£ÄǾÍÊÇÔÚÔØÈëÊý¾ÝµÄͬʱ½«Êý¾Ý»º´æÔÚä¯ÀÀÆ÷ÄÚ´æÖУ¬Ò»µ©Êý¾Ý±»ÔØÈë£¬Ö»ÒªÒ³ÃæÎ´Ë¢Ð£¬¸ÃÊý¾Ý¾ÍÓÀÔ¶µÄ»º´æÔÚÄÚ´æÖУ¬µ±Ó ......
oad()·½·¨
load( url [,data] [,callback]) dataÊÇObjectÀàÐÍ£¬·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
Àý£º
$(function(){
$("#send").click(function(){
$("#resText").load("test.html ......
1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚÆµ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶ÓµÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓà ......
ÔÚ×öajax¼ÓÔØÒ³ÃæÊ±Óöµ½ÁËÒ»¸öÎÊÌ⣬дÔÚ±»¼ÓÔØÒ³ÃæheadÀïµÄstyle±ê¼ÇËÆºõ×ÜÊÇÎÞЧ¡£Òâʶµ½ÏÖÔÚÊÇÔÚieÖУ¬ÓÚÊÇÎÒתÏòffÖе÷ÊÔ£¬½á¹ûÔÚffÖÐÊÇÓÐЧµÄ¡£ÕâÕæÊÇÆæ¹ÖÁË£¬ÄѵÀffºÍieÔÚ¼ÓÔØÒ³ÃæÊ±Õæ»áÓв»Í¬µÄ´¦Àí·½Ê½Âð£¿ÕâÖÖ²»Í¬ÔÚʲôµØ·½ÄØ£¿
ÎÒÉè·¨²é¿´ffºÍieÖмÓÔØµ½ä¯ÀÀÆ÷µÄÔ´´úÂ룬£¨ÓõÄalert(document.getElementById(' ......