首页 > 代码库 > Ajax浅谈
Ajax浅谈
一.什么是Ajax?
Ajax是无刷新数据读取。
二.Ajax的原理:
HTTP请求方法
1.GET—用于获取数据(如:浏览帖子)
2.POST—用于上传数据(如:用户注册)
三.Ajax请求的编写:
Ajax请求的思路
1.创建Ajax对象
//IE6以上
var oAjax=new XMLHttpRequest();
//IE6
var oAjax=new ActiveXObject(“Microsoft.XMLHTTP”);
//解决IE6的兼容性问题
var oAjax=null;
if(window.XMLHttpRequest)
{
oAjax=new XMLHttpRequest();
}
else
{
oAjax=new ActiveXObject(“Microsoft.XMLHTTP”);
}
2.链接服务器
//open(方法, url, 是否异步)
oAjax.open(‘GET’, ‘abc.txt’, true);//其中abc.txt是路径
3.发送请求
oAjax.send();
4.接收返回
oAjax.onreadystatechange=function ()
{
if(oAjax.readyState==4)
{
if(oAjax.status==200)
{
alert(‘成功:’+oAjax.responseText);
}
else
{
alert(‘失败’);
}
}
};
};
其中:
请求状态监控
onreadystatechange事件
readyState属性:请求状态
>0(未初始化)还没有调用open()方法
>1 (载入)已调用send()方法,正在发送请求
>2 (载入完成)send()方法完成,已收到全部响应内容
>3 (解析)正在解析响应内容
>4 (完成)响应内容解析完成,可以在客户端调用了 status属性:请求结果 responseText
status属性:请求结果
responseText
Ajax浅谈