AJAX 使用 XMLHttpRequest
AJAX可使JavaScript直接与服务器交流, 通过对象 XMLHttpRequest
获取XMLHttpRequest:
Var xmlhttp;
function GetXmlHttpObject(){
if(window.XMLHttpRequest){
//针对 IE7+, 火狐, Chrome, Opera, Safari 的游览器
Return new XMLHttpRequest();
}
If(window.ActiveXObject){
//针对 IE6, IE5
Return new ActiveXObject(“Microsoft.XMLHTTP”);
}
//如果都不是
return null;
}
xmlhttp = GetXmlHttpObject();
//判断是否游览器支持AJAX
If(xmlhttp==null){
Alert(“您的游览器不支持ajax!”);
Return;
}
2.获得XMLHttpRequest后,就可以开始写发送代码
(1)Ajax的发送有两个重要的方法: open() 和 send()
Xmlhttp.open(“GET”,url,true);
“GET”: 选择使用GET 或者 POST方法
url : 服务器处理的路径.URL. 例如:check.action?username=”xxxx”
true: 请求发送是否要异步执行。大的请求要异步,小的请求可以不用异步,建议异步。
Send(),将request发送到服务器上。 一般实现方法 xmlhttp.send(null);
(2)Ajax的重要属性 responseText, readyState, onreadystatechange
xmlhttp.onreadystatechange=function()
{
//如果request已经处理完毕
if(xmlhttp.readyState==4)
//处理返回的数据
{document.getElementById('test').innerHTML=xmlhttp.responseText}
}
Readystate的状态描述:
0 request还没初始化 1:request已经建立 2.request已经发送 3.服务器正在处理 4.处理完毕
responseText:包含服务器返回的字符串(纯文本)
responseXML:包换XML的文件信息