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

jQuery ajaxÖÐÎÄAPI¼°½Ì³Ì×ÊÁÏ´óÈ«

jQuery
ÓÉÃÀ¹úÈËJohn Resig´´½¨£¬ÖÁ½ñÒÑÎüÒýÁËÀ´×ÔÊÀ½ç¸÷µØµÄÖÚ¶àjavascript¸ßÊÖ¼ÓÈëÆäteam£¬°üÀ¨À´×Ե¹úµÄJörn Zaefferer£¬ÂÞÂíÄáÑǵÄStefan PetreµÈµÈ¡£
¡¡¡¡jQueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£Æä×ÚÖ¼ÊÇ——WRITE LESS,DO MORE,д¸üÉٵĴúÂë,×ö¸ü¶àµÄÊÂÇé¡£
¡¡¡¡ËüÊÇÇáÁ¿¼¶µÄjs¿â(ѹËõºóÖ»ÓÐ21k) £¬ÕâÊÇÆäËüµÄjs¿âËù²»¼°µÄ£¬Ëü¼æÈÝCSS3£¬»¹¼æÈݸ÷ÖÖä¯ÀÀÆ÷ £¨IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+£©¡£
¡¡¡¡jQueryÊÇÒ»¸ö¿ìËٵģ¬¼ò½àµÄjavaScript¿â£¬Ê¹Óû§Äܸü·½±ãµØ´¦ÀíHTML documents¡¢events¡¢ÊµÏÖ¶¯»­Ð§¹û£¬²¢ÇÒ·½±ãµØΪÍøÕ¾ÌṩAJAX
½»»¥¡£
¡¡¡¡jQuery»¹ÓÐÒ»¸ö±È½Ï´óµÄÓÅÊÆÊÇ£¬ËüµÄÎĵµËµÃ÷ºÜÈ«£¬¶øÇÒ¸÷ÖÖÓ¦ÓÃҲ˵µÃºÜÏêϸ£¬Í¬Ê±»¹ÓÐÐí¶à³ÉÊìµÄ²å¼þ¿É¹©Ñ¡Ôñ¡£
¡¡¡¡jQueryÄܹ»Ê¹Óû§µÄhtmlÒ³±£³Ö´úÂëºÍhtmlÄÚÈÝ·ÖÀ룬Ҳ¾ÍÊÇ˵£¬²»ÓÃÔÙÔÚhtmlÀïÃæ²åÈëÒ»¶ÑjsÀ´µ÷ÓÃÃüÁîÁË£¬Ö»Ð趨Òåid¼´¿É¡£
¡¡
¡¡JqueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£¶ÔprototypeÎÒʹÓò»¶à£¬¼òµ¥Á˽â¹ý¡£µ«Ê¹ÓÃÉÏjqueryÖ®
ºó£¬ÂíÉϱ»ËýµÄÓÅÑÅÎüÒýסÁË¡£ÓÐÈËʹÓÃÕâÑùµÄÒ»±ÈÓ÷À´±È½ÏprototypeºÍjquery£ºprototype¾ÍÏñJava£¬¶øjquery¾ÍÏñ
ruby.ʵ¼ÊÉÏÎұȽÏϲ»¶java£¨ÉÙ½Ó´¥Ruby
°ÕÁË£©µ«ÊÇjqueryµÄ¼òµ¥µÄʵÓõÄÈ·ÓÐÏ൱´óµÄÎüÒýÁ¦°¡£¡ÔÚÏîÄ¿ÀïÎÒ°Ñjquery×÷Ϊ×Ô¼ºÎ¨Ò»µÄ¿ò¼ÜÀà°ü¡£Ê¹ÓÃÆä¼äÒ²ÓÐÒ»µãµãÐĵã¬ÆäʵÕâЩÐĵã¬
ÔÚjqueryµÄÎĵµÉÏÃæÒ²¿ÉÄÜÓн²£¬²»¹ý»¹ÊǼÇÏÂÀ´£¬ÒÔ±¸Íü°Õ¡£
Ò»£¬ÕÒµ½ÄãÁË£¡
¡¡¡¡»¹¼ÇµÃ$()Õâ¸ö¶«Î÷
°É£¿ÎÞÂÛprototype»¹ÊÇDWR¶¼Ê¹ÓÃÁËÕâ¸öº¯Êý´úÌædocument.getElementById()
¡£Ã»´í£¬jqueryÒ²¸ú·çÁË¡£Îª´ïµ½document.getElementById()µÄÄ¿µÄ£¬jqueryÊÇÕâÑùдµÄ£º
¡¡¡¡´úÂë
¡¡¡¡var someElement = $("#myId");
¡¡¡¡¿´ÆðÀ´±ÈÆäËûÁ½¸ö¿ò¼ÜµÄÒª¶àÁËÒ»¸ö#£¬ºÃ£¬¿´¿´ÏÂÃæµÄÓ÷¨£º
¡¡¡¡´úÂë
¡¡¡¡$("div p"); // (1)
¡¡¡¡$("div.container"); // (2)
¡¡¡¡$("div #msg"); // (3)
¡¡¡¡$("table a",context); // (4)
¡¡¡¡ÔÚprototypeÀï¿´¹ýÕâÑùµÄд·¨Â𣿵ÚÒ»ÐдúÂëµÃµ½ËùÓбêǩϵÄPÔªËØ¡£µÚ¶þÐдúÂëµÃµ½class ΪcontainerµÄÔªËØ,µÚÈýÐдúÂëµÃµ½±êÇ©ÏÂÃæidΪmsgµÄÔªËØ¡£µÚËÄÐдúÂëµÃµ½contextΪÉÏÏÂÎĵÄtableÀïÃæËùÓеÄÁ¬½ÓÔªËØ¡£
¡¡¡¡Èç¹ûÄãÊìϤCSS£¬Äã»á¾õµÃÕâЩд·¨ºÜÑÛÊ죡¶ÔÁË¡£ÕýÊÇ¡£¿´³ö°ÂÃîÁË°É¡£


Ïà¹ØÎĵµ£º

Ajaxͨ¹ý´úÀí¿çÓò·ÃÎÊ

    Ajaxµ÷ÓÃÔ¶³Ì·þÎñÆ÷Êý¾Ý»á³öÏ־ܾø·ÃÎʵÄÎÊÌâ¡£ÕâÊÇÒòΪ»ùÓÚ°²È«µÄ¿¼ÂÇ£¬AJAXÖ»ÄÜ·ÃÎʱ¾ÓòϵÄ×ÊÔ´£¬¶ø²»ÄÜ¿çÓò·ÃÎÊ¡£Ò²¾ÍÊÇ˵£¬domain1.comÕ¾µãÖеÄAJAXÖ»ÄÜ·ÃÎÊdomain1.comÕ¾µãϵÄ×ÊÔ´,¶ø²»ÄÜ¿çÓò·ÃÎÊdomain2.comÕ¾µãÖеÄ×ÊÔ´£¬Õâ¾ÍÊÇAJAX¿çÓòÎÊÌâ¡£
    ½â¾ö˼·£ºÒ³ÃæÔÚÌá½»ÇëÇóʱ ......

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

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

Ajax ÔÚÓû§¿Ø¼þÖеÄÓ¦Óã¨ÒÔGoogle SuggestΪÀý£©

ʼþ´¥·¢£º
 <input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
¿Í»§¶ËÖ÷Ì壺
//¶¨ÒåÓû§¿Ø¼þIDÈ«¾Ö±äÁ¿
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//Ò³Ãæ¼ÓÔØʱµÄ´¦Àí
function BodyLoad()
{
HideD ......

Query AjaxµÄʹÓÃ


³¡¾°£ºÔÚGridviewÁбíÖÐÏÔʾÓдÓÊý¾Ý¿âÌáÈ¡³öÀ´µÄÊý¾Ý£¬ÏÖÔÚҪͨ¹ýjQuery.Ui.Dialogµ¯³öÏÔʾÿÌõÊý¾ÝµÄÏêϸÐÅÏ¢£¬²¢ÔÚµ¯³ö´°¿ÚÖÐÐ޸ı༭¡£
ÐèÒª´¦ÀíµÄÎÊÌ⣺1¡¢½«GridviewÖÐÑ¡Ôñ¼Ç¼IDÌá½»¸øjQuery.Ui.Dialog
                  ......

ASP.NetÍøÕ¾¿ª·¢ajax¾Ö²¿Ë¢ÐÂÎÊÌâ

Õ⼸ÌìÔÚдһ¸öÒ³Ãæ,Ò³ÃæÄÚÈÝÈ«ÊǾֲ¿Ë¢ÐÂ,×î½ü¿´µ½ÁËAjax¿Ø¼þ,¾õµÃºÜÐÂÏÊ,ÓÚÊǾÍÓÿؼþ¿ª·¢,Óöµ½µÄÎÊÌâÊÇÔÚÌ«¶à.
Í·¶¼¸ãÔÎÁË ,ÒÔºó²»ÓÃÁË .ÍƼö»¹ÊÇʹÓÃWebServicesµÄºÃ.
1.Òѳɹ¦Óë·þÎñÆ÷½¨Á¢Á¬½Ó£¬µ«ÊÇÔڵǼ¹ý³ÌÖз¢Éú´íÎó¡£ (provider: ¹²ÏíÄÚ´æÌṩ³ÌÐò, error: 0 - ¹ÜµÀµÄÁíÒ»¶ËÉÏÎÞÈκνø³Ì¡£)
´Ë´íÎóÎÒÔÚÍøÉÏÕÒ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ