版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013243347/article/details/81353134
7.Ajax（Asynchronous JavaScript and XML） 原理
简介
这是早期从服务器获取数据的一种模型结构，当需要加载新的页面或者展示部分数据时，则必须重新加载页面。
这是一种极差的用户体验!
这是一种极差的用户体验!
这是一种极差的用户体验!
解决什么问题
AJAX 是为了解决早期从服务端获取个别数据，不用重新加载整个页面，达到更新页面的效果。
最初，AJAX技术更多的是请求XML格式数据，但是我们通常情况下，会请求JSON数据。
定义
AJAX 表示异步的JS和XML(Asynchronous JavaScript And XML)。
如何理解这句话呢？
简而言之，AJAX技术的核心在于XMLHttpRequest(通常简写为XHR)对象。
通过XHR对象,可以建立与服务端的连接。这样就可以达到数据通信的目的。
其中，数据格式也很丰富，包括了JSON,XML,HTML以及TEXT文本文件。
AJAX技术最大的亮点在于异步(Asynchronous)，利用这样特性，意味着我们无需刷新页面就能替换数据、局部刷新页面的效果。
两大主要特征：
- 无需重新加载页面，向服务器发送请求
- 接收服务器的响应数据
Ajax 模型
Ajax模型，通过使用Web API作为代理异步来请求和获取数据。
这样做的优势：
联想场景：
当我们去访问淘宝、京东等网商网站时，当我们切换页面，可以看到网页中只有商品信息进行了更新，而页眉页脚以及导航栏都和之前的一样。
这样的访问方式是不是更加便捷高效，按需加载以及不用刷新整个页面。并且下载量更少，就避免了浪费过多流量。
优化ajax模型
为了进一步提升加载速度，提高浏览体验。有些网站会在首次请求时，将数据信息存储在客户端中，这意味着在后续访问中，他们将使用本地版本，而不是下载最新副本。