Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

jQuery Ajax ʵÀý È«½âÎö

jQuery Ajax ʵÀý È«½âÎö
Òý×Ô:http://www.pqshow.com/design/Javascript/200909/10473.html
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄÜ°ïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄÏ°¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQuery.ajax()½øÐзâ×°ÒÔ·½±ãÎÒÃÇʹÓõķ½·¨£¬µ±È»£¬Èç¹ûÒª´¦Àí¸´ÔÓµÄÂß¼­£¬»¹ÊÇÐèÒªÓõ½jQuery.ajax()µÄ(Õâ¸öºóÃæ»á˵µ½).
1. load( url, [data], [callback] ) £ºÔØÈëÔ¶³Ì HTML Îļþ´úÂë²¢²åÈëÖÁ DOM ÖС£
url (String) : ÇëÇóµÄHTMLÒ³µÄURLµØÖ·¡£
data (Map) : (¿ÉÑ¡²ÎÊý) ·¢ËÍÖÁ·þÎñÆ÷µÄ key/value Êý¾Ý¡£
callback (Callback) : (¿ÉÑ¡²ÎÊý) ÇëÇóÍê³Éʱ(²»ÐèÒªÊÇsuccessµÄ)µÄ»Øµ÷º¯Êý¡£
Õâ¸ö·½·¨Ä¬ÈÏʹÓà GET ·½Ê½À´´«µÝµÄ£¬Èç¹û[data]²ÎÊýÓд«µÝÊý¾Ý½øÈ¥£¬¾Í»á×Ô¶¯×ª»»ÎªPOST·½Ê½µÄ¡£jQuery 1.2 ÖУ¬¿ÉÒÔÖ¸¶¨Ñ¡Ôñ·û£¬À´É¸Ñ¡ÔØÈëµÄ HTML Îĵµ£¬DOM Öн«½ö²åÈëɸѡ³öµÄ HTML ´úÂë¡£Óï·¨ÐÎÈç "url #some > selector"¡£
Õâ¸ö·½·¨¿ÉÒԺܷ½±ãµÄ¶¯Ì¬¼ÓÔØһЩHTMLÎļþ£¬ÀýÈç±íµ¥¡£
ʾÀý´úÂ룺
$(".ajax.load").load("http://www.cnblogs.com/yeer/archive/2009/06/10/1500682.html .post",
function (responseText, textStatus, XMLHttpRequest){
this;//ÔÚÕâÀïthisÖ¸ÏòµÄÊǵ±Ç°µÄDOM¶ÔÏ󣬼´$(".ajax.load")[0]
//alert(responseText);//ÇëÇ󷵻صÄÄÚÈÝ
//alert(textStatus);//ÇëÇó״̬£ºsuccess£¬error
//alert(XMLHttpRequest);//XMLHttpRequest¶ÔÏó
});
ÕâÀォÏÔʾ½á¹û¡£
×¢£º²»ÖªµÀΪʲôURLд¾ø¶Ô·¾¶ÔÚFFÏ»á³ö´í£¬ÖªµÀµÄÂé·³¸æËßÏ¡£ÏÂÃæµÄget()ºÍpost()ʾÀýʹÓõÄÊǾø¶Ô·¾¶£¬ËùÒÔÔÚFFÏÂÄ㽫»á³ö´í²¢²»»á¿´µ½·µ»Ø½á¹û¡£»¹ÓÐget()ºÍpost()ʾÀý¶¼ÊÇ¿çÓòµ÷Óõģ¬·¢ÏÖ´«ÉÏÀ´ºóû°ì·¨»ñÈ¡½á¹û£¬ËùÒÔ°ÑÔËÐа´Å¥È¥µôÁË¡£
 
2. jQuery.get( url, [data], [callback] )£ºÊ¹ÓÃGET·½Ê½À´½øÐÐÒì²½ÇëÇó
²ÎÊý£º
url (String) :  ·¢ËÍÇëÇóµÄURLµØÖ·.
data (Map) : (¿ÉÑ¡) Òª·¢Ë͸ø·þÎñÆ÷µÄÊý¾Ý£¬ÒÔ Key/value µÄ¼üÖµ¶ÔÐÎʽ±íʾ£¬»á×öΪQueryString¸½¼Óµ½ÇëÇóURLÖС£
callback (Function) : (¿ÉÑ¡) ÔØÈë³É¹¦Ê±»Øµ÷º¯Êý(Ö»Óе±ResponseµÄ·µ»Ø״̬ÊÇsuccess²ÅÊǵ÷Óø÷½·¨)¡£
ÕâÊÇÒ»¸ö¼òµ¥µÄ GET ÇëÇó¹¦ÄÜÒÔÈ¡´ú¸´ÔÓ $.ajax ¡£ÇëÇó³É¹¦Ê±¿Éµ÷Óûص÷º¯Êý¡£Èç¹ûÐèÒªÔÚ³ö´íʱִÐк¯Êý£¬ÇëʹÓà $.ajax¡£Ê¾Àý´úÂ룺
$.get("./Aj


Ïà¹ØÎĵµ£º

ajax Ïà¹Ø


1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚƵ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶Ó­µÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓà ......

Ajax¼¼ÊõÏê½â¶þ

ajaxÖÐXMLHttpRequest²ÎÊýÏê½â ÊÕ²Ø
XJAX ,²¢²»ÊÇÒ»ÖÖÐÂ[url=javascript:;]¼¼Êõ[/url]µÄµ®Éú.Ëüʵ¼ÊÉÏ´ú±íµÄÊǼ¸Ïî¼¼Êõ°´Ò»¶¨µÄ·½Ê½×éºÏÔÚÒ»ÔÚͬ¹²µÄЭ×÷Öз¢»Ó¸÷×ÔµÄ×÷ÓÃ.
Ëü°üÀ¨£º
ʹÓÃXHTMLºÍ[url=javascript:;]CSS[/url]±ê×¼»¯³ÊÏÖ£»
ʹÓÃDOMʵÏÖ¶¯Ì¬ÏÔʾºÍ½»»¥£»
ʹÓÃ[url=javascript:;]XML[/url]ºÍXSLT½øÐÐÊý ......

ÓÐÓõÄAjax×Ô¶¯Ìáʾ½Å±¾ÊÕ¼¯

±¾ÎÄÊÕ¼¯ÁËһЩÓÐȤ²¢ºÜÓÐÓõÄ×Ô¶¯Ìáʾ½Å±¾£¬ËûÃÇÎÞÂÛ¶ÔÓÚ³õѧÕß»¹ÊÇרҵǰ¶Ë¿ª·¢ÈËÔ±¶¼ÊÇÊÊÓõġ£ÕâЩ½Å±¾°üÀ¨±ê×¼µÄ×Ô¶¯ÌáʾЧ¹û¡¢·Â
del.icio.usЧ¹û¡¢·ÂGoogelЧ¹ûÒÔ¼°Ê¹ÓÃ×Ô¶¯ÌáʾµÄ¸ß¼¶Êý¾Ý±í¹ýÂËЧ¹û¡£
ʹÓÃÒ»¸öºÏÊʵÄ×Ô¶¯Ìáʾ½Å±¾ÓÐЧµÄÌáÉýÄãµÄÍøÕ¾µÄÓû§ÌåÑé¡£
1. Ajax Auto Suggest v.2
AutoSuggest

ÀàÌ ......

Myeclipse+Ajax Àý×Ó

Ò»¸öMyEclipseÀïµÄAJAXÀý×Ó2008-03-19 19:53±¾Àý½«ÔÚÒ³ÃæµÄ²ÎÊýÒÔGetºÍPOSTÁ½ÖÖ·½Ê½´«µÝµ½·þÎñÆ÷£¬²¢»ØÏÔµ½Ò³Ã棻 ±¾Àý¹²°üÀ¨Á½¸öÖ÷ÒªÎļþgetAndPostExample.htmlºÍGetAndPostExample.javaÒÔ¼°Ò»¸öÅäÖÃÎļþweb.xml ½¨Á¢ÎļþµÄ²½Ö裺 1.ÔÚEclipseн¨Ò»¸öweb project-->ajax1 2.ÔÚajax1ÀïÃæн¨Ò»¸ögetAndPostExample.htm ......

AjaxʵÏÖÔ­Àí

    µ±ÏÂÊ¢ÐеÄAjax
    ÏÖÔÚAjax¿ò¼ÜÊý²»Ê¤Êý£¬AjaxµÄ¹¦ÄÜҲ̫ÅÓ´óµÄÒÔÖÁÓÚËüÁ¬ËüµÄ¸¸±²Javascript¶¼´ø¶¯ÆðÀ´ÁË£¬¼ÇµÃÎÒ×î³õ½Ó´¥webµÄʱºòJavascript»¹Ã»µ½´ïÓÐÏÖÔڵĸ߶ȣ¬Èç½ñËæ×Å¿Í»§ÌáÐÑÔ½À´Ô½ÖØÒª£¬ºÜ¶àÈí¼þ¿ª·¢²¢²»½ö½öÍ£ÁôÔÚ¹¦ÄÜʵÏÖµÄÒªÇóÉÏ£¬¶øÊǸü×¢Öؽ»»¥¡¢·ÖÏíºÍ»¥¶¯£¨ÕâÒ²ÊÇw ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ