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

jQuery Ajax È«½âÎö

±¾ÎĵØÖ·: jQuery Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
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/QLeelulu/archive/2008/03/30/1130270.html .post
",
function
(responseText, textStatus, XMLHttpRequest){
this
;//ÔÚÕâÀïthisÖ¸ÏòµÄÊǵ±Ç°µÄDOM¶ÔÏ󣬼´$(".ajax.load")[0]

//alert(responseText);//ÇëÇ󷵻صÄÄÚÈÝ
//alert(textStatus);//ÇëÇó״̬£ºsuccess£¬error
//alert(XMLHttpRequest);//XMLHttpRequest¶ÔÏó
});
¹ãÖÝ.NET¾ãÀÖ²¿µÄ»î¶¯
½ñÌìÈ¥²Î¼Ó¹ãÖÝ.NET¾ãÀÖ²¿µÄ»î¶¯¡£ÏÂ×ÅëëµÄÓ꣬±¾À´²»ÏëÈ¥ÁË£¬ºóÀ´ÈýÃ÷˵ȥ£¬È»ºó¾ÍÈ¥ÁË¡£
Ö÷Ҫ˵ÁËWPF Silverlight mobile¿ª·¢
È¥µ½µÄʱºò£¬ÒѾ­¿ªÊ¼ÁË£¬È˺ܶࡣ
WPFµÄDEMOºÜìŰ¡£¬¿´µÃÎÒ¶¼ÍêÈ«Ð͝£¬¶ÔÊÓÆµµÄÖ§³ÖÒ²·Ç³£ºÃ¡£Óлú»áºÃºÃѧ¡£
Silverlight ½²µÃÒ²²»´í¡£
Åí±óÒÀÈ»ºÜÓÄĬ£¬½²µÄmobile¿ª·¢µÄDEMOºÜ²»´í£¬×Ô¼º¶Ômobile¿ª·¢Ò²ÓÐÄÇôһµãµãµÄÁ˽âÁË¡£
ҪѧµÄ¶«Î÷ºÃ¶à°¡£¡£¡£¡baxia£¡£¡
×÷ÕߣºQLeelulu
³ö´¦£ºhttp://QLeelulu.cnblogs.com/

±¾ÎİæÈ¨¹é×÷ÕߺͲ©¿ÍÔ°¹²ÓУ¬»¶Ó­×ªÔØ£¬µ«Î´¾­×÷ÕßͬÒâ±ØÐë±£Áô´Ë¶ÎÉùÃ÷£¬ÇÒÔÚÎÄÕÂÒ³ÃæÃ÷ÏÔλÖøø³öÔ­ÎÄÁ¬½Ó£¬·ñÔò±£Áô×·¾¿·¨ÂÉÔðÈεÄȨÀû

9


2

0
(ÇëÄú¶ÔÎÄÕÂ×ö³öÆÀ¼Û)
«
ÉÏһƪ£º[ת]¹ØÓÚDOMÔªËØ¶¨Î»ÊôÐÔµÄÉ


Ïà¹ØÎĵµ£º

ajax»º´æÎÊÌâ

ʹÓÃAjaxÖвéѯÊý¾Ý¿âʱ£¬Ö»µÚÒ»´Î²éѯÁËÊý¾Ý¿â£¬ÒÔºóÔÙÓÐÇëÇó¾Í²»Ìá½»¸ø·þÎñÆ÷´¦ÀíÁË
ҳͷµÄÇ建´æ±êǩûÆð×÷ÓÃ
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
½â¾ö·½·¨£º
1£º¼Óʱ¼ä´Á var url ......

Ò»²½Ò»²½Ñ§ajax£¨Ò»£©

Ôø¾­¶ÔajaxºÜºÃÆæ£¬Ã¿´ÎºÍͬѧ»òÕßͬÊÂ̸ÆðajaxÌýËûÃÇÔÚÄÇÇáÃ赭дһ·¬²»ÖªËùÒÔÈ»£¬Ç°¼¸Ìì²é×ÊÁϲŻíÈ»Ã÷°×¡£ÏÂÃæÖ±ÈëÕýÌ⣺
Ajax »ù±¾ÉϾÍÊÇ°Ñ JavaScript ¼¼ÊõºÍ XMLHttpRequest
¶ÔÏó·ÅÔÚ Web
±íµ¥ºÍ·þÎñÆ÷Ö®¼ä
¡£µ±Óû§Ìîд±íµ¥Ê±£¬Êý¾Ý·¢Ë͸øÒ»Ð© JavaScript ´úÂë¶ø²»ÊÇ
Ö±½Ó·¢Ë͸ø·þÎñÆ÷¡£Ïà·´£¬JavaScript
......

jqueryÖÐajaxÒì²½·µ»ØÊý¾Ý¸ñʽ×ܽá


dataÀàÐÍ
js´úÂ룺
$.post("getmaterial.do?method=getmaterial",
{name:name},
function (data) {
});
ÆäÖÐgetmaterial.do?method=getmaterialÊÇÇëÇóµÄurl£¬{name:name}ÊÇ´«µÝµ½ºǫ́µÄ²ÎÊý£¬¿ÉÒÔÓÃ
request.getParameter("name");»ñÈ¡£¬dataÊǺǫ́´«µÝ¹ýÀ´µÄÊý¾Ý¡£
action´úÂ룺
response.setContentType( ......

Ajax Loading½ø¶ÈÌõgifÔÚÏßÉú³ÉÍøÕ¾Preloaders.net


ÔÚÕâ¸ö±»Ajax¼¼ÊõͳÖεĻ¥ÁªÍøÊ±´ú£¬ºÜ¶àAjax³ÌÐò¶¼»áÔÚÒì²½¶ÁÈ¡Êý¾ÝµÄͬʱ£¬ÏÔʾһ¸öÕýÔÚ¶ÁÈ¡»òLoadingµÄ¶¯»­£¬½ñÌì±òGoÒªÏò´ó¼Ò
ÍÆ¼öÒ»¸öÔÚÏßÉú³ÉLoadingÔ¤ÔØ¶¯»­GifͼƬµÄÍøÕ¾£¬Ëü²»µ«ÌṩÁ˳¬¶àµÄLoading¶¯»­Ñùʽ¹©ÄãÑ¡Ôñ£¬¶øÇÒÄ㻹¿ÉÒÔ×Ô¶¨Òå³ß´ç¡¢ÑÕÉ«µÈ²ÎÊý£¬¿É
ν·½±ãµ½¼Ò£¬×î×îÖØÒªµÄÊÇ£¬PreLoaders.net
Ìṩ ......

ajaxµÄÁбíÁª¶¯Ê¾Àý

ajaxµÄÁбíÁª¶¯Ê¾Àý
1¡¢  ÊäÈëÓò£º
ÇëÑ¡ÔñÊ¡£º
    <select id="sel1" onchange="return choose(this);">
        <option value="">--ÇëÑ¡Ôñ--</option>
        <option value="1">ºþÄÏÊ¡</option>
&nb ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ