jQueryÖ®Ajax·½·¨
1 . jQuery°ïÖúÖ®AjaxÇëÇó£¨Ò»£©jQuery.ajax(options)
Òý×Ô:http://www.flywe.net/article/javascript/jQuery_ajax.html
jQuery.ajax(options)
ͨ¹ý HTTP ÇëÇó¼ÓÔØÔ¶³ÌÊý¾Ý¡£
jQuery µ×²ã AJAX ʵÏÖ¡£¼òµ¥Ò×Óõĸ߲ãʵÏÖ¼û $.get, $.post µÈ¡£
$.ajax() ·µ»ØÆä´´½¨µÄ XMLHttpRequest ¶ÔÏó¡£´ó¶àÊýÇé¿öÏÂÄãÎÞÐèÖ±½Ó²Ù×÷¸Ã¶ÔÏ󣬵«ÌØÊâÇé¿öÏ¿ÉÓÃÓÚÊÖ¶¯ÖÕÖ¹ÇëÇó¡£
$.ajax() Ö»ÓÐÒ»¸ö²ÎÊý£º²ÎÊý key/value ¶ÔÏ󣬰üº¬¸÷ÅäÖü°»Øµ÷º¯ÊýÐÅÏ¢¡£Ïêϸ²ÎÊýÑ¡Ïî¼ûÏ¡£
×¢Ò⣺ Èç¹ûÄãÖ¸¶¨ÁË dataType Ñ¡ÏÇëÈ·±£·þÎñÆ÷·µ»ØÕýÈ·µÄ MIME ÐÅÏ¢£¬(Èç xml ·µ»Ø "text/xml")¡£´íÎóµÄ MIME ÀàÐÍ¿ÉÄܵ¼Ö²»¿ÉÔ¤ÖªµÄ´íÎó¡£¼û Specifying the Data Type for AJAX Requests ¡£
×¢Ò⣺Èç¹ûdataTypeÉèÖÃΪ"script"£¬ÄÇôËùÓеÄÔ¶³Ì(²»ÔÚͬһÓòÃûÏÂ)µÄPOSTÇëÇó¶¼½«×ª»¯ÎªGETÇëÇó¡£(ÒòΪ½«Ê¹ÓÃDOMµÄscript±êÇ©À´¼ÓÔØ)
jQuery 1.2 ÖУ¬Äú¿ÉÒÔ¿çÓò¼ÓÔØ JSON Êý¾Ý£¬Ê¹ÓÃʱÐ轫Êý¾ÝÀàÐÍÉèÖÃΪ JSONP¡£Ê¹Óà JSONP ÐÎʽµ÷Óú¯Êýʱ£¬Èç "myurl?callback=?" jQuery ½«×Ô¶¯Ìæ»» ? ΪÕýÈ·µÄº¯ÊýÃû£¬ÒÔÖ´Ðлص÷º¯Êý¡£Êý¾ÝÀàÐÍÉèÖÃΪ "jsonp" ʱ£¬jQuery ½«×Ô¶¯µ÷Óûص÷º¯Êý¡£
·µ»ØÖµ£ºXMLHttpRequest
²ÎÊý£ºoptions (¿ÉÑ¡) : AJAX ÇëÇóÉèÖá£ËùÓÐÑ¡Ïî¶¼ÊÇ¿ÉÑ¡µÄ¡£
Ñ¡Ï
async (Boolean) : (ĬÈÏ: true) ĬÈÏÉèÖÃÏ£¬ËùÓÐÇëÇó¾ùΪÒì²½ÇëÇó¡£Èç¹ûÐèÒª·¢ËÍͬ²½ÇëÇó£¬Ç뽫´ËÑ¡ÏîÉèÖÃΪ false¡£×¢Ò⣬ͬ²½ÇëÇó½«Ëø×¡ä¯ÀÀÆ÷£¬Óû§ÆäËü²Ù×÷±ØÐëµÈ´ýÇëÇóÍê³É²Å¿ÉÒÔÖ´ÐС£
beforeSend (Function) : ·¢ËÍÇëÇóǰ¿ÉÐÞ¸Ä XMLHttpRequest ¶ÔÏóµÄº¯Êý£¬ÈçÌí¼Ó×Ô¶¨Òå HTTP Í·¡£XMLHttpRequest ¶ÔÏóÊÇΨһµÄ²ÎÊý¡£Ajax ʼþ¡£
³ÌÐò´úÂë
function (XMLHttpRequest) {
this; // µ÷Óñ¾´ÎAJAXÇëÇóʱ´«µ
Ïà¹ØÎĵµ£º
Ä¿µÄ£ºÍ¨¹ýÒ»¸öỊ̈߳¬ÅжÏSESSIONÊÇ·ñ¹ýÆÚ£¬Èç¹û¹ýÆÚ£¬µ÷Óÿͻ§¶ËÒ³ÃæµÄJS£¬°ÑÐÅÏ¢ÍÆ¸ø¿Í»§¶Ë¡£
ÎÒÃÇÒªÈÃDWR³ÌÐòÖ§³Ö·´ÏòAJAX¡£ÐèÒªÔÚweb.xmlÖÐDWRServletÀïÌí¼ÓÒ»¸ö³õʼ»¯²ÎÊý£¬ÁíÍâÒªÅäÖÃÒ»¸ö¼àÌýÆ÷£¬ÔÚÊʺϵÄʱºò¹Ø±ÕÏ̡߳£
ÈçÏÂÊÇweb.xmlÖеÄÅäÖÃ
<listener>
< ......
jQueryÓÉÃÀ¹úÈËJohn Resig´´½¨£¬ÖÁ½ñÒÑÎüÒýÁËÀ´×ÔÊÀ½ç¸÷µØµÄÖÚ¶àjavascript¸ßÊÖ¼ÓÈëÆäteam£¬°üÀ¨À´×Ե¹úµÄJörn Zaefferer£¬ÂÞÂíÄáÑǵÄStefan PetreµÈµÈ¡£
¡¡¡¡jQueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£Æä×ÚÖ¼ÊÇ——WRITE LESS,DO MORE,д¸üÉٵĴúÂë,×ö¸ü¶àµÄÊÂÇé¡£
¡¡¡¡ËüÊÇÇáÁ¿¼¶µÄjs¿ ......
AjaxPro.2.dll µÄʹÓÃʵÀý(2008-09-20 11:13:25)±êÇ©£ºajax it ·ÖÀࣺajax
×¼±¸¹¤×÷£ºÏîÄ¿ÖÐÒªÒýÓÃAjaxPro.2.dll£¬Õâ¸ö²½Öè¾ÍÊ¡ÂÔÁË£¬¹þ¹þ
µÚÒ»²½£ºweb.config
<system.web>
<httpHandlers>
<add verb ......
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<input type="button" onclick="test();" value="Ìá½»"/>
<script type="text/javascript">
function test(){
var valid = {
& ......
¾¹ýÕûÀíºÍµ÷ÊÔ£¬Krabber 0.2.9°æ±¾Õýʽ·¢²¼ÁË¡£
Õâ¸ö°æ±¾µÄÌØµãÊDz»½ö½ö¿ÉÒÔÖ´ÐÐAJAXÍøÒ³²¢·µ»ØÖ´ÐкóµÄ½á¹û£¬»¹¿ÉÒÔÓɳéÈ¡Óû§Ìṩ½Å±¾½øÐÐÖ´ÐУ¬²¢·µ»ØÖ´ÐÐÓû§µÄ¶¯×÷½Å±¾ºóµÄ½á¹û¡£ÕâÒ»ÌØÐÔ¿ÉÒԺܺõĽâ¾öÐèÒª½øÐÐAJAX·Ò³¡¢ÑÓʱ¼ÓÔØµÈµÈÎÊÌâ¡£
ÁíÍâÓÉÓÚ¾«Á¦ÓÐÏÞ£¬°æ±¾Ã»Óо¹ýÑϸñµÄ²âÊÔ£¬Òò´ËÓÐÎÊÌâÇëÔÚÕâÀïÁôÑÔ£¬Ð ......