00:00
大家好,这节课呢,我们来处理一下开启求来,因为我们通过这个文档啊,包括自己的尝试也进行了测试,就是它这个请求工具啊,只支持get post啊,以及delete啊,那我们的有些API它是需要啊派系形成的,比如说我们来找一个。诶,确认收货的吧啊。啊,那确认收货呢,哎,这里呢,就需要这个哎派请求,那我们来先来试一下这个API。找到index,那我们随便在这里面,下面来写一下啊。This点到右点。嗯,我们直接。来使用这个排,然后呢,来请求这个地址。嗯,加面加个。好,那我们来打印一下这个二压色。
01:02
来这里面我们来看看啊,它会直接报错,他说这个派一直not,就说这个派没有定义对吧,也是这个请求工具呢,它不支持这个派。所以呢,我们要自己去写一下这个派启,那怎么写呢?我们首先来想一下,这个派启我们准备和我们的post get他们的这种使用方式保持一致,对吧,也就都放到这个do u的这个对象上面,这个do u是又在谁的这个原因上面,在这个this view的实力,也就是说我们要把这个派挂在this,就是说唯有实力的这个do u的这个对象上面啊,这个。啊,圆形的这个这个do u的这个上面好。那我们知道,哎之前给大家讲过,我们这里拿到的啊,就上面这里拿到的这个VM,就是哎V里面链的这个类啊,就是这个实例啊,所以呢,哎能获取到这个VOE以及这个啊,这个其他的相关的实例相关的内容啊,所以呢,我们就把这个派给挂载到哪里呢。挂载到啊这里,嗯,我们来先确定一下这个位置啊位置。
02:06
好,这里是。这里是这样的,这这样这个我们应该看一下,比如说放到这个第一个大括号的这里面来写到最后啊,写到最后。啊,因为前面我们是进行了这个请求工具的一些配置,对吧。放到最后的这里,好增加请求。啊,那我们VM呢,就是这个this,也就是这个view的这个实例,它里面的原型上面有个do u这个对象,我们给它增加一个排启。啊,好,那让他先。等于一个啊,函数等于一个函数啊,一个间函数在这里面我们来return一个请求啊,一个。
03:00
嗯,先写一个这个get吧,给大家看一下,先确定一下我们这个方法没用啊,哎,我们这里先写一个get啊,他应该接收一个什么方法接收一个URL对吧?那我们这里呢,把这个UR传进去,好,这样的话我们就相当于啊这里呢,是定义了一个啊派这么一个箭头函数啊,箭头函数在箭头函数里面return了这个get的一个请求啊,最后呢,把这个派是挂载到了这个啊do u的这个对象上面,那我们在这里面就能使用这个do u的这个派啊好,接下来我们来打一下看看能不能使用啊。啊,可以看到啊,啊不再报,找不到这个派遣的方法,而且也确实请求发出去了,你看一下请求是不是发出去了,但是但是会有问题,他说。这个get方法不支持这个啊,这个请求啊,那我们这个请求只支持派遣,诶那怎么办呢?他又不支持派挤,也就是说我们得在这里想办法啊,在这里面来模拟一个这个排置请求模拟这个。开启星球,好。
04:00
模拟这个派计请求啊,那首先呢,我先把这地址给对啊,这个是订单的ID对吧,把它改成一啊,你有给ID1的一个订单啊,啊,但是我们接着想想怎么来模拟这个请求呢。这个呢,其实如果大家之前啊,对这个,哎表单的这个提交啊,对这个请求有些了解的话,我们是可以通过po的方式来模拟啊,Delete呀,Put呀,还有这个派启这些请求的啊,那具体怎么来做呢?哎,首先我们把它改成一个post post,然后呢,我们这里来定义一个啊apartments一个参数啊apartments参数。我们可以就是说在post请交提交请求时候,哎,在这个请求的请求题里面增加一个什么参数呢?一个下划线啊。哎,Method me hod,用这个method来模拟这个排期请求啊,那这个值呢,就是PA,当然我们要把这个参数要给到这个post的这个第二个参数啊,这个时候我们再来保存,再来验证一下我们的结果。
05:01
好可以看到啊,就不再是405那个请求方式不对了,而是什么呢?400啊400,注意他弹的这个消息啊,是订单状态异常,那因为我们这个确认收货,你必须得是订单状态是三的才能确认收货,我们的订单状态应该是一,肯定是不对的,对吧?啊,那我们这个模拟就模拟完成了,是不是但是啊。我们来想一个事情。这个是我们再发送一个请求,我们只给了第一个参数,是给了一个URL,对不对,但有时候派是用派一般用来做什么呢?做一个这个增量的一个更新,哎,比如修改一个状态,修改一个啥的,那肯定得是有时候去传一些参数的,对吧,对吧,得传一些参数,当然我们现在这个API不需要传啊,确实好像是不需要啊,不需要,那有的这个派需要传的,也就是说我们有时候可能会传一些参数,对吧?那所以我们封装的这个派系方法还要再接收第二个。第二个是一个啊。啊,Apartment啊,注意这里,呃,我是特意加了一个下划线,就是和这apartment区分开,当然你可以用两个不同的这个变量名啊,因为我们这边用了cost啊,不能去使用它,但有时候这个参数啊,有时候它可能没有啊,所以呢,我们给它一个啊默认值啊,在ES6里面这个函数是支持这个默认值的啊,那这样的话我们就可以传,也可以不传,但是这个参函参数传完之后,我们是要给到它,对吧。
06:21
啊,但是这个里面呢,我们又需要这个method啊,所以有两种方式,要么我们给这个去增加一个这个啊method这么一成,要么就我们直接把这个啊给用这个展开运算符展开到这里啊是展开这个啊,不是下划线那个,哎,这样的话,我们传过来的参数哎就会哎放到这里面。啊,那我们来试一下呗,好,现在先看看我们不传参数的情况,传参的。来找到这个network。啊啊,不用管它,异常没事啊,异常没事,我们就看它我们传的参数啊,在这个request配录的啊,也就是我们呃,类似于我们之前在那个啊早期H5的时候我们传的啊表附表的那个提交啊,那个包题里面啊,就是像我们这个请求工具啊啊这个里面啊,这个包里面的这个数据是一样的啊好,是不是带了一个下划线啊,Method的啊排好,那接下来我们改我们的代码来传一些其他的一个参数,比如说诶,我想要去修改我的这个名字啊,传了一个name啊把它修改成com姆啊当然我们这个API是。
07:21
物支持参数啊,没有问题,我们只是看请求能不能把这个参数带过去来保存。看一下。看看最后一次情绪啊,是不是把那个内幕给带过去了,对吧?啊,那这样的话我们的封装才算完整。就是这个参数可有可无啊,当然,呃,如果我们想要啊,再严谨一些,就是它的这个请求,你看一下它还有第三个参数,其实还支持这个hid,就是可以增加一些额外的投信息,嗯,其实我们这个不是不是特别需要,特别需要。嗯,你要想加的话呢,也可以给他加上。啊,现在的话也可以给他加上,咱们给他加上吧。嗯,那把它放到第三个参数啊,这是一个header,当然也是一个,嗯。
08:02
默认值就是空,就是可以给可以不给啊。那我们的这个派的封装就封装完了,而且也测试完了。啊,增加这个排气星球。那这小件就先到这里。
我来说两句