首页 > 代码库 > 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浅谈