ajax小结


1、创建 XMLHttpRequest 对象
var xmlhttp;
if (window.XMLHttpRequest)
  {//IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {//IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

2、将请求发送到服务器
xmlhttp.open("GET","test1.txt",true);   //open(method,url,async)  
xmlhttp.send();                         //将请求发送到服务器。
setRequestHeader(header,value)
向请求添加 HTTP 头。
header: 规定头的名称   value: 规定头的值

3、服务器响应
使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性
(1)esponseText获得字符串形式的响应数据。responseXML获得 XML 形式的响应数据。
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
(2)XML文件
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");
for (i=0;i<x.length;i++)
  {
  txt=txt + x[i].childNodes[0].nodeValue + "<br />";
  }
document.getElementById("myDiv").innerHTML=txt;
4、onreadystatechange 事件
属性描述onreadystatechange存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。readyState存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。     * 0: 请求未初始化* 1: 服务器连接已建立  * 2: 请求已接收 * 3: 请求处理中  * 4: 请求已完成,且响应已就绪
status:200: "OK" 404: 未找到页面

posted on 2012-11-04 18:43  zhangyh2010  阅读(96)  评论(0)    收藏  举报

导航