码迷,mamicode.com
首页 > Web开发 > 详细

Ajax浅谈

时间:2017-03-25 22:19:56      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:alert   ready   microsoft   activex   刷新   方法   http请求   url   end   

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

标签:alert   ready   microsoft   activex   刷新   方法   http请求   url   end   

原文地址:http://www.cnblogs.com/elevnelevn/p/6618744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!