Ajax学习（一）

一、Ajax是什么？

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，它并不是一种新技术，而是几种原有技术的结合体。它由下列技术组合而成。

1、使用CSS和XHTML来表示

2、使用DOM模型来交互和动态显示

3、使用XMLHttpRequest来和服务器进行异步通信

4、使用javascript来绑定和调用

在上面几种技术中，除了XmlHttpRequest对象以外，其他所有技术都是基于web标准并且已经得到了广泛使用，XMLHttpRequest虽然目前还没有被W3C所采纳，但是它已经是一个事实的标准，因为目前几乎所有主流浏览器都支持它。

二、有什么用？

传统的网页，如果需要更新内容，必须加载整个网页。如果只需要对网页上的某个内容进行局部刷新，那么就可以使用到Ajax了。它可以让我们无需重新加载到全部网页内容，即可完成对某个部分的内容执行刷新。最典型的例子，莫过于大家再注册网站的时候，输入的用户名，会自动提示我们，该用户已被注册。

三、内部原理

诚如我们前面所说的，Ajax并不是一项新技术。而是包装了现有的技术，然后使用他们来完成工作而已。

那么现在给大家举个例子，还是以咱们的判断用户名是否已经被注册为例。

传统方式：

1、输入用户名

2、点击一个按钮，校验

3、把数据提交给服务器

4、服务器在后台帮助我们完成校验，并且反馈信息

5、我们在浏览器上提示用户，各处结果

Ajax方式：

ajax方世玉前面的方式其实从要做的事情来说，是一样的。ajax也没有牛到，不用去访问服务器就知道你的用户名是否已经被占用。那么他是如何工作的呢？

1、通过JS获取输入框文本内容

document.getElementById("username").value

2、通过XmlHttpRequest去执行请求。XmlHttpRequest其实就是XML+http+Request的组合。

3、请求结束后，收到结果，再使用js去完成提示

4、可以在顺便配合css样式来增加效果。