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

jQuery Ajax È«½âÎö

    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.csdn.net/",
function (responseText, textStatus, XMLHttpRequest){
this;//ÔÚÕâÀïthisÖ¸ÏòµÄÊǵ±Ç°µÄDOM¶ÔÏ󣬼´$(".ajax.load")[0]
//alert(responseText);//ÇëÇ󷵻صÄÄÚÈÝ
//alert(textStatus);//ÇëÇó״̬£ºsuccess£¬error
//alert(XMLHttpRequest);//XMLHttpRequest¶ÔÏó
});
2. jQuery.get( url, [data], [callback] )£ºÊ¹ÓÃGET·½Ê½À´½øÐÐÒì²½ÇëÇó²ÎÊý£ºurl (String) :  ·¢ËÍÇëÇóµÄURLµØÖ·.data (Map) : (¿ÉÑ¡) Òª·¢Ë͸ø·þÎñÆ÷µÄÊý¾Ý£¬ÒÔ Key/value µÄ¼üÖµ¶ÔÐÎʽ±íʾ£¬»á×öΪQueryString¸½¼Óµ½ÇëÇóURLÖС£callback (Function) : (¿ÉÑ¡) ÔØÈë³É¹¦Ê±»Øµ÷º¯Êý(Ö»Óе±ResponseµÄ·µ»Ø×´Ì¬ÊÇsuccess²ÅÊǵ÷Óø÷½·¨)¡£ÕâÊÇÒ»¸ö¼òµ¥µÄ GET ÇëÇó¹¦ÄÜÒÔÈ¡´ú¸´ÔÓ $.ajax ¡£ÇëÇó³É¹¦Ê±¿Éµ÷Óûص÷º¯Êý¡£Èç¹ûÐèÒªÔÚ³ö´íʱִÐк¯Êý£¬ÇëʹÓà $.ajax¡£Ê¾Àý´úÂ룺 $.get("./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){
//·µ»ØµÄ data ¿ÉÒÔÊÇ xmlDoc, jsonObj, html, text, µÈµÈ.
this; // ÔÚÕâÀïthisÖ¸ÏòµÄÊÇAjaxÇëÇóµÄÑ¡ÏîÅäÖÃÐÅÏ¢£¬Çë²Î¿¼ÏÂͼ
alert(data);
//alert(textStatus);//ÇëÇó״̬£ºsuccess£¬errorµÈµÈ¡£
µ±È»ÕâÀï²¶×½²»µ½error£¬ÒòΪerrorµÄʱºò¸ù±¾²»»áÔ


Ïà¹ØÎĵµ£º

×Ô¶¨ÒåajaxµÇ¼µÄʱºò³öÏÖµÄÎÊÌâ

ÎÒдÁ˸ö¼òµ¥µÄajaxloginµÇ¼
Çé¿öÃèÊö
´ò¿ª2¸öÒ³Ãæ
µÚÒ»¸öÒ³ÃæÊÇajaxµÇ¼µÄÒ³Ãæ
µÚ¶þ¸öÒ³ÃæÊǵǼºóÊÕ±£»¤µÄÒ³Ãæ
µÇ¼µÚÒ»¸öÒ³Ãæ, ´ò¿ªÊܱ£»¤µÄÒ³Ãæ2, ÔÚµÚÒ»¸öÒ³ÃæµÇ³ö   ²¢Ë¢ÐµÚ2¸öÒ³ÃæÓÉÓÚÒѾ­µÇ³ö¾Í»á³öÏÖÌøµ½À¹½ØÒ³ÃæCASµÄlogin£¨ÕâÊÇÒѾ­°ÑÒªÌø×ªµÄÒ³Ãæ´æÔÚsessionÀïÁË£©
È»ºóÔÚµÚÒ»¸öµÇÂ¼Ò³ÃæµÇ¼ ......

AjaX ¶þ¼¶Áª¶¯

JSP:
¿Î³ÌÃû³Æ:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
 <html:select property="icourseId" onchange="change(this)" style="width:180px;">
      <html:opt ......

AJAXÒ²Óа²È«Òþ»¼ ̸̸AJAXµÄ°²È«ÐÔ

Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And
XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle
SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢
ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ ......

AJAX°²×°

http://ajaxcontroltoolkit.codeplex.com/releases/view/33804
1>°²×°Ajax ASPAJAXExtSetup.msi £¨ÔÚhttp://ajax.asp.netÏÂÔØ£©
2>°²×°AjaxÄ£°å ASPAJAXSamples.msi
3>ÏÂÔØ ×îа汾 ajaxcontroltoolkit
  http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ