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) 收藏 举报
浙公网安备 33010602011771号