001_CRM项目-复习ajax1原创

行，咱们接下来啊，就开始今天的重点的这个啊，知识点的这个回顾啊。好，我们在这个document里边啊，有一个什么呢？外部项目重点知识储备，也就是说咱们今天上午要复习的这些个知识点啊，都是很重要的，这些知识点搞定之后啊，呃，我们这些的项目啊，基本上没有什么太大问题啊，呃，还有一个这个需要说明的是什么呢？我们有一些个这个idea，这个常见的问题，以及这个常见的这个环境啊，希望这几篇文档大家稍微看一看，OK吧，啊，每一篇也就是那么一两页，OK吧，比如说是如何这个设置字体啊，字符编码啊，啊，如何搭建咱们GSP的那个base标签模板啊等等等等，OK吗？好。呃，我们来看啊，这个阿贾克斯的这几种。表现形式啊，好，阿贾克斯都有哪些表现形式呢，同学们。

啊，在这里当然指的是什么，基于杰克瑞的阿贾克斯，咱们原生的不算啊。啊，咱们还行，没有写那个原生JS的阿贾克斯啊，在这里边肯定指的是这个杰克了，对不对？好，杰克瑞都有几种形式啊，大家想一想啊。呃，首先啊，有一种是什么呢？其实最早期有一个这种啊，Load Dollar点这个load，也就是咱们的包里从那个on事件，OK吧，那这种形式啊，这个比较难用，而且已经过时了，现在在很多这个书籍和文档中呢，这种形式已经不出现了啊，OK吧，所以说这种形式自动忽略掉啊，好，我们首先来的这种啊，Dollar点阿贾克斯OK吧，好，我们这种形式啊，是一种啊非常非常重要的形式啊。该形式啊，是啊，基于咱们杰克的阿贾克斯的这个啊，最标准的表现形式啊。

表现形式。好，我们从这个名字到点阿贾克斯就能看得出来，对吧？好，那么该形式啊。啊，功能齐全啊，使用方便，好在未来的实际项目开发中啊，应用的这个最广泛啊，最广泛。他用最多OK吧，好，那么我们还有一种什么呢？dollar.get或者是dollar.post的方式，对吧？好，这两种形式啊，其实就是咱们基于HTTP协议的这个请求方式的这个不同，其实它的用法是一模一样的，是这样吗？好，那该形式是什么呢？该形式是基于。

上述到点阿贾克斯的这个啊，简写形式啊。简写形式好，那这个简写形式呢，它这个啊使用啊这个更加方便，因为它这个语法啊，不用写K，直接写这个Y流就行了，上来你就可以写什么呢？它的这个URL地址以及参数回调函数等等，是这样吧，使用起来呢，真是超级方便啊，好，但是啊大家注意啊。但是啊，这个啊，在保留了核心阿贾克斯功能的这个同时啊。好。也去除了什么呢？去除了一些这个啊扩展功能啊，扩展功能比如说啊，我们需要设置一个同步和异步，它默认肯定是异步的，对不对啊，我们如果需要设置同步异步，你得需要写额外的Dollar这个阿贾克斯setup啊，那些个代码，额外代码你得写OK吧，或者说是用我们之前的这个before啊，有可能大家接触的比较少啊，在我们执行回调之前，我们需要做点什么事情，这些个阿贾克斯额外的这些扩展，他其实都做不到。

OK吧，得写额外代码啊，也去除了一些额外功能啊，扩展功能好，如果。要使用这个额外的这个扩展功能啊，需要这个啊，在阿贾克斯体外。写这个啊，额外代码啊，代码好，呃，虽然呢，功能不全啊，功能不全但是啊。使用啊，非常方便啊，非常方便，好在实际项目开发中啊，啊使用的也很普遍啊。

好，这是这两种。还有一种啊，咱们应用的不是很多的啊，叫做Dollar点。Get杰森的形式啊。好，这种形式啊，是啊，专门针对于什么呢。与这个啊，接身数据啊解析的啊形式啊好，但是它这种形式啊出来的比较晚，OK吧，好该形式啊形式啊这个啊在市场上。啊，问世。教案啊。好，所以啊。没有这个啊，上述两种形式啊，啊使用的多啊，但这种形式它这个语法来讲的话，跟上面两种形式差不多，也很方便专门处理接森，而且它能够更方便的处理接森文件，什么叫接森文件，同学们。

来看看啊，接收文件就这个东西啊，比如说我举个例子啊，来一个。后缀名叫什么点什么。杰森看到没？哎，这个东西叫杰森文件，那里边儿这个语法是什么呢？来看看啊。哎，里边都是。看到没，都是节省啊。比如说啊，咱们来。Sa OK吧啊，都是这东西啊，也就是接森啊，也可以形成一个文件啊，OK吧，好啊这种形式呢，它更方便的处理这种这个接森文件，OK吧，好，但是啊，大家注意啊，呃，我们还是以上两两种用的多啊，因为我们以后实际项目开发中，虽然用杰森，但是呢，上边两种形式也是完美的。

这个支持杰森的数据OK吧，好，那么我们既然第三阶段，第三阶段咱们主要用的哪种形式啊同学。时间是吧，第三阶段老师肯定用的这种形式对不对啊啊所以说呢，这两种啊都重要OK吗？我们第三阶段练习完了这种之后啊，我们第四阶段啊，就玩哪种啊。得玩这种的啊，Dollar点啊贾克斯我不给他标出了啊。好，上面标出这个是我们这个阶段要用的，OK吧，好，那么我们来分析分析这个阿贾克斯它到底是什么，它有什么好处？也就是说，在我们以后实际项目开发中，只要以后咱们干这个Java这一行，99%玩的基本都是什么呢？这个Java web项目。啊，浏览器服务器是这样吧，BS结构，咱们第三阶段学的那个吗？对不对？好，99%都是这个，OK吧，啊CS现在对于家长来讲的话，基本上很少，OK吧，好，那么如果我们玩的是这个啊web项目，那么我们100%要用什么呢？阿贾克斯技术OK吧，那么这个东西呢，为什么这么好，这么出彩，大家想一想，什么是阿贾克斯，阿贾克斯啊。

有两个特性，首先啊，咱不分析它概念了啊，因为我们这个不是说讲的这个基础了，对不对，那基础咱们这个概念东西以前都已经说过了，对吧，我就说这两个特性，这两个特性分别是什么啊，大家想一想，好阿贾克斯最重要给我们做出的贡献是什么呢？局部刷新这个很重要，对不对，好还有一个是什么呢。哎，异步请求这个是它最重要的两个特性，对吧，它这两个特性能够有效的提升我们的用户体验，那为什么能够提升用户体验呢？好，我们一个一个的来解析OK吧，好，首先呢，我们先来看一看什么是这个局部刷新啊，这个我们可以先看一看啊。

好。现在比如说啊，这个是咱们一张页面，OK吧，我们现在可以把它想象成什么呢。可以给他想象成比如说啊，比如说这是一个桌子啊，上面都是菜。啊，我这是随便画了啊。123456。七八。九。十好，比如说十块啊，你想一想啊，一个桌子上面啊，全是菜，OK吧，比如说你去饭店吃饭了，我们现在发现其中的某一道菜身上有问题啊，至于什么问题，大家可以脑补一下，OK了，好，那么这个时候我们正常人的这个思维，正常人的想法啊。

是把这整桌菜都换了，还是换这一道菜？为啥换一道呢？换一道是不是节省时间的对不对，在换这一道菜的这个同时，不影响我们去吃其他的菜，是这样吗？OK吧，好，所以说不用等对不对？好，那现在呢，比如说我们现在这是一张这个页面，对吧，这是一张页面，OK吧，那么这张页面呢，大家注意啊，老师一共画了这是十小块的这个信息，OK吧，现在我现在假设啊，假设仅仅只有一小块，其中的一小块信息需要更新，其他的不需要。比如。咱们这一小块需要更新，在我们学习这个阿贾克斯之前，我们做的这个操作是什么呢同学。肯定得刷新一下这个页面对不对，那刷新页面它是一个什么样的过程呢？咱们得点什么呢。

它上面是不是有一个那个刷新的那个按钮啊，对不对，你看那个刷新按钮长什么样，我看一看啊，是这样的啊。比如说啊，这块有一个这个刷新的这么一个按钮，对吧？好呃，那么只要我一点这个按钮啊，点完之后啊，那么就相当于。从我这个浏览器啊，必然会往这个服务器重新发一次请求，然后服务器又跟谁做交互呢。就跟这个数据库做交互啊，他得把最新的数数据啊，从这个数据库表当中给他刷出来，是这样吗？好也就是说啊，我现在是这么一个过程，大家注意看啊，点这个刷新了啊，点刷点完之后诶。浏览器为服务器发一个请求，是这样吧，然后这个服务器跟这个数据库呢，这个做交互，从数据库里边取出得到最新的这个数据，然后最后呢，我们为这个浏览器做响应，你想一想，我现在点击这个刷新按钮，它肯定是一次什么呢？传统请求的操作是这样吧，我们现在暂时可以把请求分成两大类啊，我指的不是get和post OK吧，我指的是开发当中的传统请求以及阿贾克斯请求，OK吧，你点击这个刷新按钮，它是一个传统请求还是阿贾克斯请求？

传统请求对吧？如果是传统请求的话，我现在这个请求到达了服务器，服务器接触数据库，拿到了最新的数据，是传统请求，我必然会通过几种方式为页面执行全局刷新，要么转发，要么重定向，要么响应流，没别的了，是这样吗？OK吧，好，那它必然会造成这样一种效果啊。走，是不是整个页面全跟着刷一次啊。也就是说本来啊，我现在假设我现在一小块走的是一兆的流量。

你现在全局刷一下，本来一兆的流量，我需要刷这一小块，我现在是走了十兆的流量，是这样吗？第一是耗流量，第二是不是慢呢，对不对？好，第三是什么呢？用户的视觉体验会非常差，怎样呢？页面是不是整体闪了一下？对吧，好，所以说我现在想要的这种效果是什么呢？也就是说我现在想要的是啊，我现在想要在这一块大家注意啊，这一块这个刷新的这个同时刷新成最新的这个数据的同时，我让其他的块保持。保持不变吗？我再刷一下它们还是它们呢？是保持不变吗？保持不动，大家现在思考一下这个问题啊，保持不变和保持不动。

它能是一样的吗？不一样啊，我现在要的局部刷新是什么？保持不动，那比如说我们班现在这么多人对吧，那比如说啊，我现在这个中午啊，中午这个下课了，咱们都出去吃饭了，对吧？出去吃饭下午是不是都回来了，你想一想啊，一到下午这个教室里边我们还是我们。但是是不是这个教室里边这个人口就刷新了一次，这个保持不变，OK吧，那如果从现在一直到晚上。咱们谁也别上厕所，谁也别吃饭，就搁这干呆着，从这个时间点到晚上的那个时间点，这叫保持不动，能理解吧？好，那其中有一个同学上厕所又回来了。什么这叫什么局部刷新，能理解吧，啊这叫局部刷新OK了行了啊啊，这个就是咱们一个这个局部刷新的这么个理念啊。