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ÇëÇóʱ´«µ
Ïà¹ØÎĵµ£º
ÔÚweb.configÖÐÐÞ¸ÄÐÞ¸ÄÊôÐÔ
1£º<configSections><configSections>ÖмÓÏÂÃæ´úÂë
<configSections>
<sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral ......
jQueryÓÉÃÀ¹úÈËJohn Resig´´½¨£¬ÖÁ½ñÒÑÎüÒýÁËÀ´×ÔÊÀ½ç¸÷µØµÄÖÚ¶àjavascript¸ßÊÖ¼ÓÈëÆäteam£¬°üÀ¨À´×Ե¹úµÄJörn Zaefferer£¬ÂÞÂíÄáÑǵÄStefan PetreµÈµÈ¡£
¡¡¡¡jQueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£Æä×ÚÖ¼ÊÇ——WRITE LESS,DO MORE,д¸üÉٵĴúÂë,×ö¸ü¶àµÄÊÂÇé¡£
¡¡¡¡ËüÊÇÇáÁ¿¼¶µÄjs¿ ......
<scrīpt Language="Javascrīpt">
<!--
// author:±¼ÌÚµÄÐÄ
// qq:7180001
function Ajax(OnError,OnState,OnDownloadEnd)
{
this.ErrorStr = null;
......
½ñÌì¸ãÁËÎÒÈýËĸöСʱµÄÎÊÌ⣬ÖÕÓÚÕÒµ½½â¾ö·½°¸ÁË¡£¹þ¹þ¡£
ÔÚAjax¿ª·¢ÖУ¬»áÓöµ½ä¯ÀÀÆ÷»º´æÄÚÈݵÄÎÊÌ⣬±ÈÈ磬ij¸öÔªËØ×¢²áÁËÊó±êʼþ£¨onmouseover£©£¬Ê¼þ´¥·¢ºó»áͨ¹ýxmlhttprequestµ½·þÎñÆ÷»ñÈ¡ÄÚÈÝ£¬ÔÚ²»Ë¢ÐÂÒ³ÃæµÄÇé¿öÏ£¬ä¯ÀÀÆ÷»á»º´æµÚÒ»´ÎÇëÇóµÄÄÚÈÝ£¬·þÎñ¶Ë¸üкóä¯ÀÀÆ÷ÈÔÈ»ÏÔʾµÚÒ»´ÎµÄÄÚÈÝ¡£
ͨ³££¬ÕâÖÖÇëÇó¶ ......
Ò»¡¢¸ÅÊö
¿¼ÂÇHtml±¾Éí²»´ø¶¨Ê±Ë¢ÐÂÒ³ÃæµÄ¿Ø¼þ£¬ÇÒ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þ£»Òò´Ë¿¼ÂÇʹÓÃJavascriptÖеÄsetTimeout+xmlhttpÀ´ÊµÏÖ¶¨Ê±¸üÐÂÒ³ÃæÖв¿·ÖÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
¶þ¡¢¹¦Äܼ°Ìصã
1¡¢Javascriptͨ¹ýMicrosoftµÄMSXML¶ÔÏ󣬶¯Ì¬»ñÈ¡ºǫ́Êý¾Ý¿âÊý¾Ý£»
&n ......