day04/下午/072-尚硅谷-尚融宝-axios的作用和引入

好，那后面这个xus的所有的案例呢，其实都是从xus的官方网站，也就是这个网站上摘下来的啊，那所以对于我们大家来说呢，这个网站上的内容呢，就显得更丰富一些了啊，就是如果你未来有一些问题你叫不准诶，这东西到底这么调还是那么调啊，那么可以参考这个网站上面的一些，呃，更更详细的内容啊。就是你看它是简洁易用的一个呃HTP库，所以HTP库是干嘛的呢？啊，就是发送HTTP请求的呀啊，前后端联调的过程当中，由前端向后端发送阿贾克斯请求的时候，我们用的就是这个xus，那为什么没有用j query呢？因为j query呢，它实际上嗯里面的阿贾克斯啊，只是j query当中的一个小小的功能，而j query整个的更重要的功能呢，实际上是盗墓操作，但是我们现在的前端的技术呢，使用的是VI这个技术站哈，那它和JA query呢，是两套体系啊，它俩就是几乎没有什么交叉性，一般情况下要么你就使用接que技术站，要么你就使用VI有技术站，所以呢，我们一般情况下在view有技术站里面没有嗯人使用接query的阿贾克斯，那么使用什么呢？就使用阿克了，埃克斯是专门配合VIVO技术站来发送阿贾克斯的这样的一个小工具，它就只有发送阿贾克斯的作用这个功能。所以说呢，它。

的目的呢，还是比较单纯的哈，不像JA query啊，啥功能都有，所以我们没有必要整合它，那我们就来看他呢，还支持node对吧，支持promise啊，然后呢，还有很多配置项，这个后面我们会说啊，接下来呢，安装这个大家先不用考虑啊，这个后面我们会讲，那目前为止我们使用的安装方式呢，还是比较传统的安装方式，就是引入一个GS的脚本库的方式哈，所以呢，呃，在我们的这个开始使用这个里面，它就有整个啊view的一个，呃，具体的一个介，就是这个X的一个具体的介绍啊，然后还有它的一个特性，感兴趣的同学呢，可以课下的时候进行一个知识的补充，那这块我就不详细的说了，咱们直接来说它的使用啊，怎么去用它，那么使用的话呢，在这个官方文档当中的介绍的这种使用方法呢，对于我们来说啊，像这个这个呢，目前为止可能还比较陌生，所以我们先来看这第三种，第三种我们知道就是你。

引入一个脚本嘛，对不对啊，在HTML文件当中，通过script的标签引入一个脚本啊，用这种方式呢，我们就可以非常方便的把ex呢引到我们的项目当中了，好，那我们可以在这个官方网站上去下载这个的迷你版的这样的一个脚本，那实际上你也直接可以把这个呃。路径啊，就是作为一个下载地址直接下载就可以了，好，那我已经给大家啊下载好了，下载好了的话在哪呢？在我们的资料里面。

资料里面这块有个X，然后这有两个，一个是未压缩，未压缩版的，一个是压缩版的，一般开发的时候呢，我们使用个没有压缩版就可以了，然后呢，或者是使用压缩以后都可以啊，啊你要是有一些前端工程师，他想调试方便，他就在开发的时候，或者说有一些公司它有一些开发规范，在开发的时候呢，使用这个开发版，这样的话呢，可以进行调试啊，比较方便，好那我们用哪个都行，因为我们也不去上里面去看源码去，好，所以就用这个复制一下。复制。以下的话在这个地方呢，我嗯零三。艾特T吧，然后把刚才的这个艾呢，这两个都行，看你写好了，把它拖进来，好拖进来。推来之后呢，我们，嗯，在我们的应用程序当中呢。

去去写一个代码啊，怎么去写呢？先建一个HTL文件右键啊新建文件好，这文件呢，比如说我们叫index.html好，然后接下来呢，把这个HTML的基本结构呢给它写出来啊，写出来之后呢，第一第一个步骤呢，我们就啊用刚才的那个方式写，就是标签嘛，对不对，用src嘛，然后写个地址嘛，因为我们已经把它引到本地了，所以直接写本地地址就行了，就是我们引入的一个方式啊接下来呢，Scriptscript好，然后呢，在这块我们怎么去用它呢？注意X这是其中的一种用法啊，然后圆括号。然后接下来呢，里面是一个配置对象，所以是对象的形式啊，作为它的参数，然后这配置对象里面呢，有若干选项，其中有一个最重要的就是URL，你要请求哪个地址的一个远程接口，第二呢，就是你请求的方式是什么，My method啊。Method，好，然后呢，请求方式，比如说是get对吧，Get方式好是不是很像艾拉克斯啊啊很像啊，因为他们的功能都是一样的，我要请求哪个地址，然后我的请求方式是什么好，我现在先随便写一个地址啊，比如说http local，比如说8080杠用户杠。

类啊，比如说我想弄一个用户列表啊，想弄一个用户列表，然后嗯，接下来呢，我们来看一看。这个写完写到这之后会没有什么效果，我们open with server啊。好打开之后呢，我们F12看一下控制台。控制台这个network这块啊，然后呢，我们去，嗯刷新一下，大家看这块你发现是不是这块有一个请求啊，这个请求是不是就刚才我写的8080USER list呀，也就是说这个请求呢，通过我们刚才的这个方法呢，被发送出去了，但是它是红色的，为什么呢？因为这个路径不存在嘛，是不是啊，就是没有这个路径我们还没写呢嘛，是吧，所以说一会儿呢，我们要去写一下这个路径的一个具体的一个实现，所以我们要启动我们的后端程序去为这个路径的去填充一个具体的返回值，好所以这个就是阿贾克斯的一个啊一个啊基本的一个使用方法了，那接下来呢，嗯，为了能够看到嗯，这个代码最终的效果呢，我们就必须去写一个后端代码了。