Ajax¶ÔÏóXMLHttpRequestµÄ³£ÓÃÊôÐÔ£¬·½·¨ºÍʼþ
XMLHttpRequest¶ÔÏóÊÇAjaxµÄºËÐÄ£¬ËüÓÐÐí¶àÊôÐÔ£¬·½·¨ºÍʼþÒÔ±ãÓڽű¾µÄ´¦ÀíºÍ¿ØÖÆHTTPµÄÇëÇóÓëÏìÓ¦
ÏÂÃæÊǹØÓÚXMLHttpRequest¶ÔÏóµÄһЩÊôÐԺͷ½·¨½éÉÜ
1.readyStateÊôÐÔ
µ±XMLHttpRequest¶ÔÏó±»´´½¨ºó£¬readyStateÊôÐÔ±êʶÁ˵±Ç°¶ÔÏóËù´¦µÄ״̬£¬¾ßÌåµÄÖµ´ú±íÒâÒåÈçÏ£º
0 δ³õʼ»¯×´Ì¬£¬´Ëʱ½ö´´½¨ÁËÒ»¸öXMLHttpRequest¶ÔÏó¡£
1 ³õʼ»¯×´Ì¬£¬¼´µ÷ÓÃÁËopen()·½·¨ºóµÄ×¼±¸·¢ËÍ״̬¡£
2 ÒÑ·¢ËÍ״̬£¬¼´µ÷ÓÃÁËsend()·½·¨ºó£¬ÒÔ°ÑÒ»¸öÇëÇó·¢Ë͵½·þÎñÆ÷¶Ë£¬µ«ÊÇ»¹Î´ÊÕµ½ÏìÓ¦¡£
3 ÕýÔÚ½ÓÊÕ״̬£¬ÕýÔÚ½ÓÊÕ´Ó·þÎñÆ÷¶Ë·¢ËÍ»ØÀ´µÄÊý¾Ý£¬µ«»¹Î´½ÓÊÕÍêËù´¦µÄ״̬¡£
4 Íê³ÉÏìӦ״̬£¬ÒÔÍê³ÉÁËHttpResponseÏìÓ¦µÄ½ÓÊÕ¡£
2.responseTextÊôÐÔ
µ±readyStateÊôÐÔֵΪ4ʱ£¬¸ÃÊôÐԲŰüº¬ÍêÕûµÄÏìÓ¦ÐÅÏ¢£¬ÒÔ´¿Îı¾Êý¾ÝÐÎʽ·µ»Ø¡£
3.responseXMLÊôÐÔ
µ±readyStateÊôÐÔֵΪ4ʱ£¬²¢ÇÒÏìӦͷ²¿µÄContent-TypeµÄMIMEÀàÐͱ»Ö¸¶¨ÎªXML(text/xml»òÕßapplication/xml)ʱ£¬
¸ÃÊôÐԲŻáÓÐÖµ²¢ÇÒ±»½âÎöΪһ¸öXMLÎĵµ¡£
4.statusÊôÐÔ
¸ÃÊôÐÔÃèÊöÁËHTTP״̬Âë¡£×¢Ò⣬½öµ±readyStateÊôÐÔֵΪ3»ò4ʱ£¬²ÅÄܶԴËÊôÐÔ½øÐзÃÎÊ¡£
5.statusTextÊôÐÔ
¸ÃÊôÐÔÃèÊöµÄÊÇHTTP״̬ÂëÎı¾¡£
6.onreadystatechangeʼþ
ÿµ±readyStateÊôÐÔÖµ·¢Éú¸Ä±äʱ£¬¾Í»á´¥·¢¸Ãʼþ£¬Ò»°ãÊÇͨ¹ý¸ÃʼþÀ´´¥·¢»Øµ÷º¯Êý¡£
7.open()·½·¨
³õʼ»¯XMLHttpRequest¶ÔÏó£¬ÉèÖÃÁ¬½ÓÐÅÏ¢¡£
8.send()·½·¨
·¢ËÍÊý¾Ý£¬¿ªÊ¼ºÍ·þÎñÆ÷¶Ë½øÐн»¸¶¡£
9.abort()·½·¨
ÔÝÍ£Ò»¸öhttpµÄÇëÇó·¢ËÍ»ò½ÓÊÕ£¬²¢ÇÒ½«XMLHttpRequest¶ÔÏóÉèÖÃΪ³õʼ»¯×´Ì¬¡£
10.setRequestHeader()·½·¨
¸Ã·½·¨ÓÃÀ´ÉèÖÃÇëÇóµÄÍ·²¿ÐÅÏ¢£¬"Content-Type","application/x-www-form-urlencoded"¡£
11.getResponseHeader()·½·¨
´Ë·½·¨ÓÃÓÚ¼ìË÷ÏìÓ¦µÄÍ·²¿Öµ£¬´ËÍ⻹¿ÉÒÔͨ¹ýgetAllResponseHeaders()·½·¨»ñÈ¡ËùÓеÄÍ·²¿ÐÅÏ¢¡£
Ïà¹ØÎĵµ£º
×î½üÍøÉÏÌáµÄºÜ¶àµÄÒ»¸öиÅÄî¾ÍÊÇ AJAX ÁË, ÄÇô, AJAX ÊÇʲôÄØ? ÒÔÏÂÄÚÈÝÒýÓÃÍøÉÏ×ÊÁÏ:
AJAXÈ«³ÆΪ“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚ web±ê×¼£¨sta ......
Ajax ¸ø XMLHttpReq.onreadystatechange´«µÝ²ÎÊý
ͨ¹ý£º
xmlhttp.onreadystatechange= function(){xx(123)};
or
xmlhttp.onreadystatechange= new Function("xx(123)");
¾Í¿ÉÒÔÁË¡£
m=document.getElementsByName("text8");
v=m[i];
XMLHttpReq.onreadystatechange=function(){proce(v)};
---------------------- ......
Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ÍÏñÂý ......
Ò».ÕªÒª
±¾ÏµÁÐÎÄÕ½«´øÄú½øÈëjQueryµÄ¾«²ÊÊÀ½ç, ÆäÖÐÓкܶà×÷Õß¾ßÌåµÄʹÓþÑéºÍ½â¾ö·½°¸,
¼´Ê¹Äã»áʹÓÃjQueryÒ²ÄÜÔÚÔĶÁÖз¢ÏÖЩÐíÃؼ®.
±¾ÆªÎÄÕ½²½âÈçºÎʹÓÃjQuery·½±ã¿ì½ÝµÄʵÏÖAjax¹¦ÄÜ.ͳһËùÓпª·¢ÈËÔ±
ʹÓÃAjaxµÄ·½Ê½.
¶þ.Ç°ÑÔ
AjaxÈÃÓû§Ò³Ãæ·á¸»ÆðÀ´, ÔöÇ¿ÁËÓû§ÌåÑé.
ʹÓÃAjaxÊÇËùÓÐWeb¿ª·¢µÄ±Ø ......