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)};
---------------------- ......
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
<script type="text/javascript">
function addUrl(){
//1¡¢ÉèÖÃÇëÇóurlµØÖ·
var name = document.getElementById("name").value;
var text = document.getElementById("url").value;
var url = "insertUrl.do?name="+name+
"&url="+text+"&time"+new Date() ;
//2¡¢´´½¨xmlHttpRequest¶ÔÏó
x ......
Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ÍÏñÂý ......