day04/下午/074-尚硅谷-尚融宝-使用Promise处理成功和失败

好，现在呢，我们通过这段代码呢，已经从这个后台接口当中呢，拿到了我们的数据，那拿到数据放在哪了呢？放在了我们整个的响应当中，我们F12看一下，在network这个里面定位到XHR，我们再刷新一下这个页面，就看到呢，这个类似请求被发送出去了，并且呢，成功的响应回来了，这样的一个追分结果，但是我们这个追赠结果呢，不能就在这儿看，我们得把它嗯打印输出出来，或者是说未来我们要在这个页面当中展示出来，所以呢，第一个步骤你得先从结果当中能够把具体的内容拿到，那怎么拿呢？注意我们前面啊了解到我们的ex啊，Ex它是基于promise的，这个通过他的官方网站可以看到。它是基于promise的HTP库是吧，所以呢，本身呢，是对promise做了封装，那么在整个的这个发送后台请求的过程当中，一旦它成功的获取了啊，这个后台的呃，返回的数据的话，那么呢。

整个的promise的状态呢，它就自动就这个X本身，它会返回一个promise对象哈，它就会自动的被设置为成功状态，如果他没有成功的获取到后台数据的话，那么整个ex所这个表示的这个promise对象呢，整个就被会被设置为一个失败的状态，所以我们直接可以在这个地方就用电脑。和catch，那么问里面呢，就是成功的一个处理啊，Catch呢就是失败的一个处理，所以你看前面我们有了一个promise的一个学习的过程，在写这段的代码的时候，你就非常简单了啊，因为前面具体promise对象创建的过程，看这面啊，这块是promise对象创建的过程，已经都被。封装起来了，我们不用去关心它，我们只需要啊关注我们给ex传什么参数就可以了，好传进去之后呢，这个里面它自动帮我们封装成传对象啊，并且呢，做了成功和失败的处理，处理完了之后呢，我们直接来代码，直接来问和cash就行了，那么大家可以发现这段代码它实际上本身就是一个批对象，所以呢，这段代码写完了之后，我们其实啊是可以这样直接等的，是不是因为它也是由P来调用的嘛啊，所以可以直接这样等，那基于这样的一个原因呢，实际上呢，我们就。

可以怎么写呀，直接就用点的和点catch就可以了，然后接下来呢，在这个地方我们写一个is bus，这是它成功的时候的一个结果，Catch这个地方我们可以给他写ER or，这个呢是坍塌啊，远程数据获取失败的时候的一个结果，所以这个地方呢，我们可以打印pencil.log数据，数据获取成功，好，下面这个地方呢，也是pencil.log数据获取失败。并且呢，你成功也好，失败也好，具体的内容呢，都会被放在response和里，所以呢，在这个地方我们就可以先把response打印一下看看，Response在这地方呢，我们可以把打一下看一看，好接下来呢，我们来看。

刚才的这个这面啊，这个例子看看啊，你看这是不是数据获取成功，然后呢，这块就是我们的response对象啊，同样如果是数据获取失败的话。呃，比如说我给他一个错误的地址。那大家看这面是不是数据获取失败，然后呢，这块就是那个错误对象了啊好，那我们回过头来去看一下成功的结果。具体呢，我们需要的数据在哪？所以我们看一下这个response里面，好，这个是response response里面呢，它有一个data，这个data呢，就是我们从后端返回的数据啊，所以呢，我们要获取这个response的话呢，就response.data就是我们的这个数据列表了，那这样的话呢，我们在这个地方可以把response表打印出来。

好，大家看这块这个数据就干净多了，没有那些我们不需要的不相关的数据了，就完全就是我们需要的这个数据了。那么这样的话，大家就知道我们可以把response data它拿出来作为一个数据列表，在我们整个的前端页面当中做进一步的操作了，比如说如何去处理它，对吧，如何去遍利它，如何去做数据的渲染，把它展示在页面当中，那这个都是我们后面要学习的内容，那到这为止呢，我们就已经知道了，如何通过X啊来执行一个远程的阿贾克斯操作，并且如何通过promise的then方法和开方法来处理响应成功和响应失败两种情况。