关于AJAX 第二篇

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