AJex复习整理

1.什么是Ajex？

官方：

1、什么是Ajax？

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

大白话：

用了做异步刷新的，不用重新加载整个 页面就 能够更新部分网页的技术。

2、为什么要使用Ajax?

这儿我们可以说到Ajax的优点之一：它可以在不刷新整个页面的情况下与服务器通信保持原有页面状态，说的简单易懂一点。举个例子：在我们浏览网页的时候会有两种情况

1.点击链接，页面白屏，等待跳转到另一个页面。

2.页面不刷新，局部出现新内容获得更好的用户体验。

3、工作原理：

我们先通过一张图片来大致的了解一下Ajax向服务器请求数据的过程。

有人会问，图片中的“XHR”是什么东东，别急，我们慢慢来

所谓的“XHR”（浏览器内置对象”XMLHttpRequest ”），也就是Ajax功能实现所依赖的对象，AJAX就是通过浏览器的内置对象XHMHttpResquest来发送异步请求的，异步请求不会妨碍客户端的任何操作。 

异步：

XHR相当于是一个通信兵，来负责客户端与服务器之间的通信传输。举个形象生动的例子：

要打仗了，前方阵地（客服端）不可能只等着通信兵（XHR）传递消息其他什么也不干吧，所以前方阵地还在干着自己的事情然后派通信兵去请求后方指挥部（服务器）的命令，指挥部下达命令指挥，通信兵再把命令传到前方阵地，然后前方阵地再执行命令相关的操作（客户端把数据渲染到页面），这也就是Ajax的异步原理。

再来说说同步：

所谓的同步就是前方阵地和通信兵一起去向服务器请求数据，直到通信兵请求到数据，我才开始渲染页面，在请求的过程中页面一直是白屏等待的。 

AJAX既然是通过浏览器的内置对象XMLHttpRequest来处理异步请求的那我们先来了解下他又哪些方法和属性：

注：写在这里的为必选参数或者经常用到的可选参数