¡ò Ê×Ò³ > ÍøÂç±à³Ì > Ajax½Ì³Ì > INTRODUCE
$.ajax()ÒªÁìÏê½â
ÕªÒª:$.ajax()·½·¨Ïê½â jqueryÖеÄajax·½·¨²ÎÊý×ÜÊǼDz»×¡£¬ÕâÀï¼Ç¼һÏ¡£ 1.url : ÒªÇóΪStringÀàÐ͵IJÎÊý£¬£¨Ä¬ÈÏΪµ±Ç°Ò³µØÖ·£©·¢ËÍÇëÇóµÄµØÖ·¡£ 2.type : ÒªÇóΪStringÀàÐ͵IJÎÊý£¬ÇëÇó·½Ê½£¨post»òget£©Ä¬ÈÏΪget¡£×¢ÒâÆäËûhttpÇëÇó·½·¨£¬ÀýÈçputºÍdeleteÒ²
$.ajax()ÒªÁìÏê½â
jqueryÖеÄajaxÒªÁì²ÎÊýÀÏÊǼDz»×¡£¬ÕâÀï¼Ç¼һÏ¡£
1.url:
ÒªÇóΪString·¶ÀýµÄ²ÎÊý£¬£¨Ä¬ÒÔΪµ±Ç°Ò³µØµã£©·¢ËÍ°§ÇóµÄµØµã¡£
2.type:
ÒªÇóΪString·¶ÀýµÄ²ÎÊý£¬°§Çó·½·¨£¨post»òget£©Ä¬ÒÔΪget¡£ÁôÒâÆäËûhttp°§ÇóÒªÁ죬ƩÓ÷putºÍdeleteÒ²¿ÉÒÔÐÐʹ£¬µ«½ö²¿ÃÅÉÍʶÆ÷Ö§³Ö¡£
3.timeout:
ÒªÇóΪNumber·¶ÀýµÄ²ÎÊý£¬ÅäÖð§Çó³¬Ê±Ê±¿Ì£¨ºÁÃ룩¡£´ËÅäÖý«°üΧ$.ajaxSetup()ÒªÁìµÄÈ«¾ÖÅäÖá£
4.async:
ÒªÇóΪBoolean·¶ÀýµÄ²ÎÊý£¬Ä¬ÈÏÅäÖÃΪtrue£¬È«²¿°§Çó¾ùΪÒì²½°§Çó¡£¼ÙÈç±ØÒª·¢ËÍͬ²½°§Çó£¬Ç뽫´ËÑ¡ÏîÅäÖÃΪfalse¡£ÁôÒ⣬ͬ²½°§Çó½«ËøסÉÍʶÆ÷£¬Óû§ÆäËû²Ù×ݱØÐèÊغò°§ÇóÍê³É²Å¿ÉÒÔÖ´ÐС£
5.cache:
ÒªÇóΪBoolean·¶ÀýµÄ²ÎÊý£¬Ä¬ÒÔΪtrue£¨µ±dataTypeΪscriptʱ£¬Ä¬ÒÔΪfalse£©£¬ÅäÖÃΪfalse½«²»»á´ÓÉÍʶÆ÷»º´æÖмÓÔØ°§ÇóÐÅÏ¢¡£
6.data:
ÒªÇóΪObject»òString·¶ÀýµÄ²ÎÊý£¬·¢ËÍËæ´¦ÊÂÆ÷µÄÊý¾Ý¡£¼ÙÈçÒѾ²»ÊÇ×Ö·û´®£¬½«×Ô¶¯×ª»»Îª×Ö·û´®ÃûÄ¿¡£get°§ÇóÖн«¸½¼ÓÔÚurlºó¡£·À±¸ÕâÖÖ×Ô¶¯×ª»»£¬¿ÉÒÔ²é²ì¡¡¡¡processDataÑ¡Ïî¡£¹¤¾ß±ØÐèΪkey/valueÃûÄ¿£¬Æ©Ó÷{foo1:"bar1",foo2:"bar2"}ת»»Îª&foo1=bar1&foo2=bar2¡£¼ÙÈçÊÇÊý×飬JQuery½«×Ô¶¯Îª²îÒìÖµ¶ÔӦͳһ¸öÃû³Æ¡£Æ©Ó÷{foo:["bar1","bar2"]}ת»»Îª&foo=bar1&foo=bar2¡£
7.dataType:
ÒªÇóΪString·¶ÀýµÄ²ÎÊý£¬Ô¤ÆÚ´¦ÊÂÆ÷·µ»ØµÄÊý¾Ý·¶Àý¡£¼ÙÈç²»Ö¸¶¨£¬JQuery½«×Ô¶¯°´ÕÕhttp°ümimeÐÅÏ¢·µ»ØresponseXML»òresponseText£¬²¢×÷Ϊ»Øµ÷º¯Êý²ÎÊýת´ï¡£¿ÉÓõķ¶Æ©Ó÷Ï£º
xml£º·µ»ØXMLÎĵµ£¬¿ÉÓÃJQuery´¦ÀíÉÍ·£¡£
html£º·µ»Ø´¿Îı¾HTMLÐÅÏ¢£»°üÀ¨µÄscript±êÇ©»áÔÚ²åÈëDOMʱִÐС£
script£º·µ»Ø´¿Îı¾JavaScript´úÂë¡£²»»á×Ô¶¯»º´æ¹¦Ð§¡£³ý·ÇÅäÖÃÁËcache²ÎÊý¡£ÁôÒâÔÚ³¤Í¾°§Çóʱ£¨²»ÔÚͳһ¸öÓòÏ£©£¬È«²¿post°§Ç󶼽«×ªÎªget°§Çó¡£
json£º·µ»ØJSONÊý¾Ý¡£
jsonp£ºJSONPÃûÄ¿¡£ÐÐʹSONPÇéÊÆŲÓú¯Êýʱ£¬Æ©Ó÷myurl?callback=?£¬JQuery½«×Ô¶¯Ìæ´úºóÒ»¸ö“?”ΪÕýÈ·µÄº¯ÊýÃû£¬ÒÔÖ´Ðлص÷º¯Êý¡£
text£º·µ»Ø´¿Îı¾×Ö·û´®¡£
8.beforeSend£º
ÒªÇóΪFunction·¶ÀýµÄ²ÎÊý£¬·¢ËÍ°§ÇóÇ°¿ÉÒÔÐÞ¸ÄXMLHttpRequest¹¤¾ßµÄº¯Êý£¬Æ©Ó÷Ìí¼Ó×Ô½ç˵HTTPÍ·¡£ÔÚbeforeSendÖмÙÈç·µ»Øfalse¿ÉÒÔ´òÏû±¾´Îajax°§Çó¡£XMLHttpRequest¹¤¾ßÊÇΩһµÄ²ÎÊý¡£
function(XMLHttpRequest){
this; //ŲÓñ¾´Îajax°§Çóʱת´ïµÄoptions²ÎÊý
}
9.complete£º
ÒªÇóΪFunction·¶ÀýµÄ²ÎÊý£¬°§ÇóÍê³ÉºóŲÓõĻص÷º¯Êý£¨°§ÇóÀֳɻòʧ°Üʱ¾ùŲÓã©¡£²ÎÊý£ºXMLHttpRequest¹¤¾ßºÍÒ»¸öÃèдÀֳɰ§Çó·¶ÀýµÄ×Ö·û´®¡£
function(XMLHttpRequest, textStatus){
this; //ŲÓñ¾´Îajax°§Çóʱת´ïµÄoptions²ÎÊý
}
10.success£ºÒªÇóΪFunction·¶ÀýµÄ²ÎÊý£¬²¡¶¾·ÀÖÎc²¡¶¾Êý¾Ý¿â£¬°§ÇóÀֳɺóŲÓõĻص÷º¯Êý£¬ÓÐÁ½¸ö²ÎÊý¡£
(1)ÓÉ´¦ÊÂÆ÷·µ»Ø£¬²¢°´ÕÕdataType²ÎÊý¾Ù°ì´¦ÀíÉÍ·£ºóµÄÊý¾Ý¡£
(2)Ãèд״̬µÄ×Ö·û´®¡£
function(data, textStatus){
//dataÒ²ÐíÊÇxmlDoc¡¢jsonObj¡¢html¡¢textµÈµÈ
this; //ŲÓñ¾´Îajax°§Çóʱת´ïµÄoptions²ÎÊý
}
11.error:
ÒªÇóΪFunction·¶ÀýµÄ²ÎÊý£¬°§Çóʧ°Üʱ±»Å²Óõĺ¯Êý¡£¸Ãº¯ÊýÓÐ3¸ö²ÎÊý£¬¼´XMLHttpRequest¹¤¾ß¡¢´íÎóÐÅÏ¢¡¢²¶×½µÄ´íÎ󹤾ß(¿ÉÑ¡)¡£ajax±äÂÒº¯ÊýÈçÏ£º
function(XMLHttpRequest, textStatus, errorThrown){
//·²ÊÇ»·¾³ÏÂtextStatusºÍerrorThrownÖ»ÓиöÖÐÒ»¸ö°üÀ¨ÐÅÏ¢
this; //ŲÓñ¾´Îajax°§Çóʱת´ïµÄoptions²ÎÊý
}
12.contentType£º
ÒªÇóΪString·¶ÀýµÄ²ÎÊý£¬µ±·¢ËÍÐÅÏ¢ÖÁ´¦ÊÂÆ÷ʱ£¬ÄÚÈݱàÂë·¶ÀýĬÒÔΪ"application/x-www-form-urlencoded"¡£¸ÃĬÈÏÖµµÃµ±´ó´ó¶¼Ó¦Óó¡Ëù¡£
13.dataFilter£º
ÒªÇóΪFunction·¶ÀýµÄ²ÎÊý£¬¸øAjax·µ»ØµÄÔʼÊý¾Ý¾Ù°ìÔ¤´¦ÀíÉÍ·£µÄº¯Êý¡£ÌṩdataºÍtypeÁ½¸ö²ÎÊý¡£dataÊÇAjax·µ»ØµÄÔʼÊý¾Ý£¬typeÊÇŲÓÃjQuery.ajaxʱÌṩµÄdataType²ÎÊý¡£º¯Êý·µ»ØµÄÖµ½«ÓÉjQuery½øÒ»²½´¦ÀíÉÍ·£¡£
function(data, type){
//·µ»Ø´¦ÀíÉÍ·£ºóµÄÊý¾Ý
return data;
}
¡¡