ajax 基本应用-详细介绍

XMLHttpRequest对象属性：

onreadystatechange    指定当readyState属性改变时的事件处理句柄

readyState                  返回当前请求的状态

responseBody             将回应信息正文以unsigned byte数组形式返回

responseStream        以ADO Stream对象的形式返回响应信息

responseText             将响应信息作为字符串返回

responseXML           将响应信息格式化为XML Document对象并返回

Status                        返回当前请求的HTTP状态码

statusText                   返回当前请求的响应行状态

XMLHttpRequest方法：

abort                                   取消当前请求

getAllResponseHeaders       获取响应的所有HTTP头

getResponseHeader            从响应的信息中获取指定的HTTP头

open                                    创建一个新的HTTP 请求，并指定此请求的方法，URL以及验证信息（用户名/密码）

send                                    发送请求到HTTP服务器并接受回应

setRequestHeader                 单独指定请求的某个HTTP头

open（method，url，asynchronous[,user][,password]）方法：

method                           请求类型，通常为get或post

url                                  请求的url地址

asynchronous                 请求模式，异步为false，同步true（默认）

user                                请求的用户名，可省略

password                        请求的密码，可省略

readyState 属性值说明：

0 表示XMLHttpRequest 以创建

1 open方法已调用

2 send 的方法已调用

3 请求已发送，等待接收数据，

4 数据接收完毕

HTTP状态码说明：

200 请求成功相应

202 请求被接受，但处理未完成

400 错误的请求

404 请求资源未找到

500 内部服务器错误

<script language="javascript">

<!--

var xmlhttp;

function getResponse(data){

try{

    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");//ie 5.0版本

    }catch(e){

     try{

      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//ie 5.5 版本

     }catch(e){

       try{

         xmlhttp = new XMLHttpRequest();//不支持ActiveX空间的浏览器

       }catch(e){}

     }

    }

var url = "i.php?id="+15;

xmlhttp.open("GET",url,false);

//xmlhttp.onreadystatechange = showMessage;//无参数

xmlhttp.onreadystatechange = function(){showMessage(data);};//有参数

xmlhttp.send(); 

}

function showMessage(data){

if(xmlhttp.readyState == 4){

   if(xmlhttp.status == 200){

    document.getElementById("Result").innerHTML = data+"======="+xmlhttp.responseText;

   }else{

    document.getElementById("Result").innerHTMl = "error";

   }

} 

}

-->

</script>