00:00
Hello,大家好,这个小节我们来讲一下Excel的基本使用。首先,我已经提前写好了一个网页。接下来我们需要为网页当中这几个按钮呢绑定单机世界。点击不同按钮,发送不同类型的adja请求。其中包括get。Post post put和delete。啊,Put和delete其实也是HTTP请求的两种类型。啊,不过这两种类型在日常当中用的比较少。好,下边的话我们点开网页开始去实践。首先第一步呢,我们先把Excel它呢先引进来。把它复制一份拿过来,这是第一步。接下来呢,我们开始绑定事件。哎,啊,已经写好了。好,现在我们来先去获取按钮。
01:02
BTNS等于一个document.query select。将button放进来。先给第一个按钮绑定事件。BTNS。然后下边零。点uncle click。好在里边呢,借助于Excel去发送加请求。怎么来发送呢?这里我们可以直接调用Excel这个函数。他呢,接收一个参数是一个对象。里边包括一些属包,包括一些属性啊,第一个就是请求类型。Method。因为现在我们要发送get请求,所以说传递一个get进来。啊,第二个是请求URL。啊,我们写上URL这个属性。给谁发请求呢?我们现在就给。啊,启动好的杰森server,给他去发请求。
02:02
并且我想获取啊ID。为二的这篇文章。那应该如何去写呢?啊,注意我们端口号是3000好。可以这样来做,HTTP。然后local host当然也可以写127.0.0.1都行啊,冒号3000斜杠POS斜杠二。这个ul所指向的就是ID为二的那篇文章。好,第二个完成。下边第三个呢啊,还可以去设置一些别的,比如说URL参数啊,再比如说去设置一些请求头信息等等。因为咱们现在是刚开始,我们就写这两个就够了。然后在Excel的这块,它返回结果是一个promise对象。所以说这里呢,我们可以呢,用then方法去指定它成功的一个回调。好在里边获取它的一个结果,Response。
03:03
下边我们来看看他到底能不能成功的发送这个请求。点开浏览器。打开控制台。点击第一个按钮,走起。好,我们先不看这个结果,先看network。点。大家可以看到这个请求已经成功的发送。我们来检查一下HTTP请求报文。啊,点开这个请求头,然后点开view source,大家可以观察一下。请求类型,Get。路径为啊斜杠P斜杠二,这都没有问题。啊,然后。然后没有问题,然后看结果,结果这块的返回。啊,就是。ID为二的那篇文章的信息。搞定啊,可以。好,这是当前的话,向服务端发送了一个盖的请求。下边我们再去发送一个post请求。ID为一。
04:00
类型这块写一个post。这块我们要做什么事情呢?我们要添加。一篇新的文章。要想添加新的文章,应该发送什么样类型请求呢?点开J3-server。看这如果想要添加,我们应该发送post请求。路径的话啊,应该是资源对应那个名称啊,以当前来为例的话,就是应该写post。好,接下来的话,咱们来设置一下。请求这块已经没没有问题的啊,然后下边我们把它改一下。改完之后再来设置一个东西。设置呢,就是请求体。我们把请求体需要放进来。来一个。对象。在这呢,我们不需要去写ID,只需要写title和order就可以了。Title。比如说今天天气不错。还挺风和日丽的。
05:03
OK,然后还有一个是作者a ho。好,然后来个张三。搞定。那么此时请求这块就已经设置完毕了。设置完毕之后,我们来运行一下,看看结果怎么样。点开刷新页面。发送POS请求,点击这个按钮。大家可以看一下,此时请求已经发送。点开。然后看一下这个豹纹。Request headers看这。看一下请求类型没有问题。路径也一样,也没有问题啊,然后再看看请求。请求体量在这儿。啊,它是一个Jason格式字符串,此时就把内容呢传递给服务器。然后杰森。杠server这个服务呢,在接到数据之后。就把数据做一个保存。我们来看一看这个数据到底有没有保存成功。好,然后点开这个DB点杰森,大家可以看一下。
06:02
IDV3的这个新闻就已经成功的,就是文章啊,就已经添加好了。这是发送了一个POS请求。除了可以发送POS请求之外呢,还可以发送这个铺子请求。来。做更新。更新数据。我们把post改成一个put。更新谁呢?比方说啊,咱们就去更新一下IDV3的这篇。文章啊,我希望他的作者不是张三了,改成一个李四。那怎么办呢?好,那也可以,我们把数据呢换一换。这块注意啊,咱们忘了忘了一个小小东西,什么东西呢?就是在发送put请求的时候呢,咱们需要把ID传过来,大家看这。Put要传ID的,现在我们希望是改的是ID为三的这篇文章,所以说应该把三要传进来。
07:00
然后呢,数据这块要把张三改成一个李四。好,改完之后我们一起来看效果怎么样,看看有没有变化啊。点开浏览器,刷新页面。然后点击发送。可以看一下呢,这个呢,结果呢,已经回来是一个200没有问题。啊,再顺便看看响应的结果。看这。大家观察一下啊,Order此时已经变成李四了。答,没有问题。好,咱们点开看看这个最终那个文件有没有发生变化。OK,你看这它也发生了变化。这是兔的请求,去作业更新。最后呢,还有一个是删除数据。比如说我想把IDV3这个删掉啊,发的请求类型呢,应该是delete请求。这块你可以大写,也可以小写,都没有问题。在发送底列请求的时候呢,咱们是不需要设置请求体的。啊,直接把URL往这一放,就可以删除指定ID的那一篇新闻啊,就那个文章。
08:03
好了,呃,这是最后一个按钮,它应该IDV3。然后点开浏览器,咱们来看一看,刷新页面走。成功。啊,然后呢,请求已经发送了,没有问题。看这个豹纹。啊,看这个报文没有问题,然后的话咱们点开文件再去关注,再去看看结果啊,此时你会发现IDV3的那个文章就已经没有了。好了,这就是Excel的一个基本使用。其实对于这个DB的阶层的变化呢啊,它并不是特别的都多么的重要啊,重要在于Excel的基本使用。他呢,会接受一个对象里边包括几个属性。第一个呢,是曲牛类型。第二个是请求的URL。第三个呢,是请求体的内容。啊,当然不光这几个啊,后边咱们还会去介绍一下其他的一些属性设置,常用的就这么几个属性。
09:01
好了,我们先把它呢保存一下。
我来说两句