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>