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()·½·¨»ñÈ¡ËùÓеÄÍ·²¿ÐÅÏ¢¡£
Ïà¹ØÎĵµ£º
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
¿Í»§¶Ë´úÂ룺
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
......
»ìãç³õ¿ª£¬Ò»Çж¼ÄÇô¼òµ¥¡£ÎªÁËÁ¬½ÓÃÀ¹úµÄÉÙÊý¼¸¸ö¶¥¼âÑо¿»ú¹¹£¬ÈËÃÇÉè¼ÆÁË×îÔçµÄ“Internet”£¬ÒԱ㹲ͬ¿ªÕ¹¿ÆÑ§Ñо¿¡£²»ÂÛÊÇͼÊé¹ÝÔ±¡¢ºËÎïÀíѧ¼Ò£¬»¹ÊǼÆËã»ú¿ÆÑ§¼Ò£¬¶¼±ØÐëѧϰһ¸öÏ൱¸´ÔÓµÄϵͳ¡£1962Ä꣬ÂéÊ¡Àí¹¤Ñ§Ôº£¨MIT£©µÄJ.C.R. Licklider×îÔçÌá³öËûµÄ“Galactic Network”£¨³¬´óÍøÂç£©Ë ......
1¡¢µ±¸Ä±ä·þÎñÆ÷ÉϵÄ״̬ʱӦµ±Ê¹ÓÃPOST·½·¨¡£²»Í¬ÓÚGET£¬ÐèÒªÉèÖÃXML- HttpRequest¶ÔÏóµÄContent-TypeÊײ¿£¬ÈçÏÂËùʾ£º
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ÓëGET²»Í¬£¬POST²»»áÏÞÖÆ·¢Ë͸ø·þÎñÆ÷µÄ¾»ºÉµÄ´óС£¬¶øÇÒPOSTÇëÇó²»Äܱ£Ö¤ÊÇÃݵȵġ£
Äã×öµÄ´ó¶àÊýÇëÇó¿ÉÄܶ¼ÊÇG ......