`
李楚男
  • 浏览: 114589 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ajax原理

阅读更多
Ajax原理
Http请求方法
Get 把数据放在网址里来提交 用于获取数据(浏览帖子)
Post 把数据放在Http content中,不是url的地方 用于上传数据(如:用户注册)


GET  安全性低、容量低 缓存
POST 安全性一般、容量几乎无限

Ajax请求
1、 创建Ajax对象、
2、 连接服务器
3、 发送请求
4、 接收返回
请求状态监控
Onreadystatechange事件
-readyState属性:请求状态
》》0(未初始化)还没调用open()方法
》》1 (载入)已调用send()方法,正在发送请求
》》2 (载入完成)send()方法完成,已收到全部响应内容
》》3 (解析)正在解析响应内容
》》4 (完成)响应内容解析完成,可以在客户端调用了
-status属性:请求结果
-responseText



function ajax(url, fnSucc, fnFaild)
{
//1.创建Ajax对象
var oAjax=null;

if(window.XMLHttpRequest)
{
oAjax=new XMLHttpRequest();
}
else
{
oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}

//2.连接服务器
oAjax.open('GET', url, true);

//3.发送请求
oAjax.send();

//4.接收服务器的返回
oAjax.onreadystatechange=function ()
{
if(oAjax.readyState==4) //完成
{
if(oAjax.status==200) //成功
{
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
fnFaild(oAjax.status);
}
}
};
}

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics