零基础学习AJAX之AJAX的简介和基础

本节简介（异步链接服务器对象）XMLHTTPRequest以及AJAX的简介。

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）。 AJAX有四个方面的好处：1.即减轻了服务器的负担。2带来了更好的用户体验。3.基于标准被广泛的支持。4.拥有更好的页面呈现和数据分离。

技术名称 技术说明
javascript javascript是通用的脚本语言，AJAX是用javascript编写的
css 用户界面的样式通过css来修改
DOM DOM通过javascript修改DOM，ajax可以在运行时改变用户界面，或者局部更新页面中的某个节点。
XMLHttpRequest XMLHttpRequest对象 XMLHttpRequest对象允许web程序员从web服务器以后台的方式获取数据。数据的个数通常是XML或者是文本。

从上面我们看出，javascript就想胶水一样将各个部分粘贴在一起，例如通过javascript操作BOM改变刷新用户界面，通过修改className来改变css样式风格

1.异步对象连接服务器

不严谨的说，ajax是一个简单的多线程，它能够是用户在前台多种操作而不间断。ajax异步交互在后台默默的工作着 在web中异步访问是通过XMLHttpRequest对象来实现的，该对象最早是在ie5被作为activeX控件引入的。随后各个浏览器纷纷支持该异步对象，首先必须创建对象。代码如下：

代码如下:
    var xmlHttp;
            function createXMLHrrpRequest() {
                if (window.ActiveXObject)
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                else if (window.XMLHttpRequest)
                    xmlHttp = new XMLHttpRequest();
            }

该对象是先创建了一个全局变量xmlHttp，留以后函数中使用。另外创建异步对象函数createXMLHrrpRequest()

该过程用到了if语句方法，如果是IE采用window.ActiveXobject方法，如果不是，则用XMLHttpRequest方法创建函数。

 在创建完异步对象后，自然是使用该对象连接服务器，该对象有一系列十分有用的属性和方法。

属性/方法 说明
abort() 取消请求
getAllResponseHeaders() 获取指定的Http头
open(method,url) 创建请求，method指定请求类型，GET POST
send() 发送请求
setRequestHeader() 指定请求的http头
onreadystatechange 发生任何状态变化时的事件控制对象
readyState