温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
哈喽,大家好,那这一个小节呢,我们再来做一次think与wa结合的一个实践,我们准备呢,就是让他们两个结合去发送阿贾克斯请求。那首先呢,我先把之前咱们封装的那个send阿贾克斯方法呢,先把它拿过来,因为这个函数呢,它返回的结果呢,是一个promise对象啊,这个很重要,对于我们来说好了,那么现在的话呢,我们开始先获取元素啊,就错啊,先说下需求,我们的需求是这样子的,点击这个按钮。然后发送阿贾克斯请求来获取段子的信息,啊,这是我们的一个需求,那首先我们先要获取元素BTN等于一个document.query select。把BTN放进来,下一步的话就开始绑定事件,ADD event listener click,后边呢,写发,也就是咱们的事件处理程序。那在这呢,我们要获取的是段子的信息。然后所以说我们这来一个let段子,等于awa,注意这里出现了awa,咱说了awa要放在a think函数当中,所以在这种情况下,我们需要在function的前边要补一个asy c的关键字啊,这个必须要加,要不会报语法错误,后边呢要放一个阿加放一,后边要放一个promise对象。
01:24
那么咱们说了就是发送阿贾克斯请求这个函数,它呢,返回的结果是一个promise对象。所以说我们把它放到这。然后把URL地址,就是获取段子那个URL地址接口放进来。好了,兄弟们已经搞定了。搞定。这样一来,我就拿到了。段子的信息,来测试一下刷新,然后点击。你可以看一下,这就是段子的一个结果就来了。啊,你会发现。
02:01
有了这个a think和wait之后,在获取数据这一块是非常非常方便的,这个书写的方式也是极其的简单的。啊,没有任何的回调函数,只要你这个函数封装完毕就可以了哈,当然同学可能会想说,那这个函数我怎么封装啊,这个也不用自己封装,因为有现成的工具库,Excel。这个工具库的话,它就是一个基于promise这种操作方式的一个阿贾克斯的封装的包,我们拿过它来之后呢,直接去发送阿贾克斯前边放一个awa,就可以非常非常轻松的拿到他成功的结果。啊,所以非常简单,那如果说你对,那当然咱们在这就不会对Excel再去做详细的介绍了,因为咱们这个课程的重心点在promise这一块,如果你有兴趣的话,可以到上硅谷去找啊,咱们Excel相关的课程。好了,这个时间我们就先到这儿。
我来说两句