00:00
Hello,大家好,那这个时节我们来介绍一下阿贾克斯请求当中该怎样去设置请求头信息。我们可以先把这个HTTP这个文档呢,我们先点开。在前几个小节的话,我们做的事情。这个报文的内容我们可以设置。Get还是post可以设置,然后呢,路径部分以及参数部分我们可以设置。还有呢,请求体这块内容我们也可以设置。但是中间这块内容怎么设置,哎,我们还没有去,我们现在还不能实现,不过接下来我们就要演示一下该怎样去设置这个请求头信息。然后现在的话,我把这个关掉。其实做法呢,很简单,只需要在open方法的后边加一个方法啊,加一个方法调用就可以了。设置请求头。这个方法的名字叫做set request。然后害的。这个方法的话,是专门用来设置请求头的接收两个参数,第一个是投的名字,第二个是投的值。
01:07
比如说我们设置一个这个。看好了,我们来一个content type。然后application。斜杠X-3W-form-URL。很多同学在看到这一幕之后呢,就开始想,哇,这么长啊,大家不用害怕,因为这个东西咱们不需要自个儿去完全记住。这个咱们不需要自个儿去记啊,就是即便是在项目里边,你要发送发送这样的内容也不用慌,因为内部的话都会给我们去完成,自动完成这个事情。我呢,首先给大家说一下这个contain type是干嘛的,它呢是用来设置请求体内容的类型的。用来设置请求体内容的类型的。而后边这么一长串的内容,它。
02:00
就是咱们这一个。参数查询字符串。它的一个类型固定写法,注意是固定的。好了,接下来我们来看一看这个信息能不能成功的发送过去,刷新页面。我们把别先关一下。把这个它清一下,然后放上去拿过来,然后呢,点开它,你来看一看这个请求头信息。看这,看这。就有了啊,Content type application,然后X3W form u就可以了。好了,那么这是一种头信息对吧?当然你也可以设置其他类型的头信息,比方说我们可以来一个XR.set request自定义。自定义什么意思呢?你比方说我可以自个儿去定义啊,我的这个头的名字叫name,投的值的话叫这个at硅谷。这样可不可以啊,这样也可以保存切过来,刷新页面放上去。好了,你注意看啊,下边报错了,报错咱们先不用管它啊,咱们先点开,先看这个请求的内容,Request he这一块,Content type有了,Name也有了。
03:09
那么为什么这块会报错呢?主要是因为咱们在请求报文当中添加了一些自定义的请求头。啊,不是预定义的头,而是自定义的头,注意不是预定义的,像content type这个就是预定义,而name这个就是咱们自定义的。而自定义,自定义这块的话呢,浏览器会有安全的机制啊,他要说兄弟你这个不能换。不能发,但是我想发怎么办呢?这个也可以,我们需要加一个。特殊的响应头。当然在实际工作当中,这个事情不需要我们前端人员去做,而是由后端人员,他会自动把这个事情设置好啊。我呢,给大家介绍一下response点。Set header。然后里边写一个access control,然后allow。
04:02
Head。后边我再补一个星号,星号呢,就是表示所有类型的这个头信息啊,我都可以接受。这块做完之后呢,还是不够,为什么呢?啊来看一下,我先把这个服务呢,重新启动一下。提一提。咱们是第四个对吧,我把这个呢先删一删。好这块啊,把它关掉啊,重新启动走,然后切过来刷新页面放上去,依然不行,依然不行,为什么呢?因为它这还会给我们发一个option这样一个请求。发一个O,不是请求的话,他来做一个。所谓的一个。权限的一个校验,就是我要发这个请求,来检测一下这个头信息可用不可用。会再发一个请求,那么这个请求因为没有得到对应的结果,所以说呢,他。前端就不能去发这个POS请求了。好,那怎么办呢?别着急,我们可以把post改成一个or。
05:01
二是什么意思呢?二是可以接收。可以接收。啊,任意类型的这个请求,就是你发get,发post,发options,发delete,发等等HTTP的这个啊类型的请求,我这都可以接受。接下来的话,咱们再来重启一下,按上车毁车,你再来看这个结果,刷新一面放上去。就OK了,点开这个POS请求看一下这块content有了,然后name这块也有了。当然,这个案例当中,我们重点需要掌握的是谁,并不是后边的server部分,而是前端的set request header部分。我们可以在这设置请求头信息。一般来说呢,会把身份校验的信息呢,放在头信息里边啊,把它传递给服务器,由服务器对参数做提取,对用户的一个身份做校验。这个小节关于请求头信息的一个介绍,我们就先说这么多。
我来说两句