Ajax浅谈

Posted 2020-09-06

一.什么是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