关于AJAX 第二篇

本文介绍了AJAX的工作原理及如何使用XMLHttpRequest对象实现异步数据交换。详细解释了不同浏览器下XMLHttpRequest对象的创建方法及其状态码的意义。

AJAX 实例

//在JS里,window是最顶级对象(除了Object,Function...那些之外),它代表了一个窗体。而window.XMLHttpRequest代表的是window的一个属性。这个是用来区分浏览器的,因为在firefox,opera,safiar,IE7.0,IE8.0(我所知道的window对象有这个属性的浏览器)这些浏览器中,window是有XMLHttpRequest这个属性的,而IE6.0,5.5都是没有的,IE6.0或5.5是没有这个属性的,使用window.ActiveXObject替代。当然前者和后者的XMLHttpRequest对象生成方式也是不一样的。

//为什么要有个判断window.ActiveXObject,跟window.XMLHttpRequest呢,因为ActiveXObject对象支持的是IE5根IE6浏览器,而window.XMLHttpRequest对象支持的是除了其之外的浏览器览器以使用。 我们这边采用open(“method”,”url”,boolean)方法来指定服务器的URL,设置boolean为true是因为,这里采用了异步调用的方式。好了,既然异步调用,那异步双方并没有共同的时钟,这时候,接收方需要知道发送方什么时候给它发信息。onreadystatechange,翻译一下就是当初始的状态改变的时候。XMLHTTPRequest有个readystate值,当它的值改变的时候,那接收方就知道要接受信息,这里设置的回调函数是setCallback(),所以当请求加载完成,即readystate值为4,并且响应成功,这里HTTP的status为200时,说明我们已经成功响应了该按钮事件,服务器已经回传了信息。

xmlhttp.readyState==4  这个指的是xmlhttp的交互状态.为4就是交互完成.

xmlhttp.status==200 这个是你xmlhttp与后台交互时返回的一个状态码.

AJAX - 创建 XMLHttpRequest 对象

XMLHttpRequest 是 AJAX 的基础。

XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

创建 XMLHttpRequest 对象

所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象的语法:

variable=new XMLHttpRequest();

老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:

variable=new ActiveXObject("Microsoft.XMLHTTP");

为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject ;

 

转载于:https://www.cnblogs.com/lhq8998/p/7265904.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值