关卡一： ajax

【学习前提】

        完成前端开发基础和JavaScript基础学习

【阶段说明】

        Ajax这个术语源自描述从基于 Web 的应用到基于数据的应用。

        Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

        使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。

        Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。

    AJAX 工作原理

        Ajax可使因特网应用程序更小、更快，更友好。

【学习技巧】

        Ajax是重要的前后端交互工具，学习时应当注意分辨其和表单的区别，学会使用jquery中的ajax和axios等多种交互手段。

 参考博客：服务器的基本概念与初识Ajax

参考博客： form表单与模板引擎

参考博客：Ajax进阶篇01---Ajax加强（含大量代码演示）

参考博客：第五章：Ajax高级

参考博客：第六章：跨域和JSONP

Ajax小结：

  1、什么是Ajax

        Asynchronous JavaScript and XML（异步的JavaScript 和 XML）；通俗的理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax。

  2、为什么要学Ajax

        之前所学的技术，只能把网页做的更美观漂亮，或添加一些动画效果，但是， Ajax能让我们轻松实现网页与服务器之间的数据交互。

  3、Ajax的典型应用场景

        1. 用户名检测：注册用户时，通过 ajax 的形式，动态检测用户名是否被占用

        2. 搜索提示：当输入搜索关键字时，通过 ajax 的形式，动态加载搜索提示列表

        3. 数据分页显示：当点击页码值的时候，通过 ajax 的形式， 根据页码值动态刷新表格的数据

        4. 数据的增删改查：数据的添加、删除、修改、查询操作，都需要通过 ajax 的形式，来实现数据的交互