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 对象的语法:
老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:
为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject ;