AJax¼¼Êõ

$.ajax()ÒªÁìÏê½â

×ÖºÅ+ ×÷ÕߣºH5Ö®¼Ò À´Ô´£ºH5Ö®¼Ò 2015-10-14 16:58 ÎÒÒªÆÀÂÛ( )

$.ajax()·½·¨Ïê½â jqueryÖеÄajax·½·¨²ÎÊý×ÜÊǼDz»×¡£¬ÕâÀï¼Ç¼һÏ¡£ 1.url : ÒªÇóΪStringÀàÐ͵IJÎÊý£¬£¨Ä¬ÈÏΪµ±Ç°Ò³µØÖ·£©·¢ËÍÇëÇóµÄµØÖ·¡£ 2.type : ÒªÇóΪ

¡ò Ê×Ò³ > ÍøÂç±à³Ì > 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;
            }

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • JQueryʵÏÖAjax¼ÓÔØͼƬµÄ·½·¨

    JQueryʵÏÖAjax¼ÓÔØͼƬµÄ·½·¨

    2016-02-24 17:01

  • jQuery.ajax()µÄÏà¹Ø²ÎÊý¼°Ê¹ÓÃ

    jQuery.ajax()µÄÏà¹Ø²ÎÊý¼°Ê¹ÓÃ

    2016-02-08 16:00

  • jquery.ajaxÖÆ×÷µÛ¹úcms6.6¿ìËٵǼ²å¼þ

    jquery.ajaxÖÆ×÷µÛ¹úcms6.6¿ìËٵǼ²å¼þ

    2016-02-06 15:00

  • ajaxÓëphp½áºÏʵÏÖÓû§µÇ¼(Ïê½â)

    ajaxÓëphp½áºÏʵÏÖÓû§µÇ¼(Ïê½â)

    2016-01-18 08:25

ÍøÓѵãÆÀ
ã