00:00
哈喽,大家好,这一个小节我们来讲一下几块当中一个通用方法来发送请求,这个方法的名字叫做阿贾克斯。是属于Dollar这个对象的。好了,我们来演示一下,首先呢,咱们先来把第三个按钮呢拿过来。Button。然后EQ,然后来个2CLICK。然后在里边呢,我发送请求。语法是这样子,到点阿塞克斯。然后这个这个方法呢,它接收一个参数啊,这个参数是一个对象。啊,参数是一个对象啊,里边包含一些属性,有属性来设置啊,咱们的请求参数。好了,那么首先的话,第一个呢是URL给谁发这个属性呢是URL。然后在里边把这个加上。组织一份拿过来。好,这是第一个URL,那么第二个的话,咱们的发送参数。这个属性呢,是。德塔。也是一个对象啊,里边A冒号100,然后呢,B冒号200。
01:04
是第二个,下边的话是第三个,就是请求的类型,请求类型。然后在这呢,咱们来一个T。I get。这块就是对请求方法get post什么delete那个做一个设置,你想发送什么类型的,你就把那个方法的。对应的那个单词啊,放到里边就可以了。好,然后还有一个呢,就是成功的回调成功的。调,然后success。这块可以对响应体结果做一个输出啊,或做一个处理,咱们这呢做一个输出,Ctrl log保存。好,一起来看效果怎么样啊,刷新页面点击看一下,结果回来了,没有问题啊。然后这个结果的话,咱们。在这儿呢?回来以后顺便看看参数可不可以啊,把这个清一下,点击看参数啊,A100B200没有问题。好搞定,搞定之后的话,咱们呢,返回结果这块呢,想返回一个。
02:04
阶层格式数据。阶层格式数据啊,来个data等一个对象,然后name等于一个上硅谷。想把这个结果呢做一个响应,我们写一个response.send。然后来。Jason there string fine。把这个放进来。看下效果啊,刷新页面。点开点击看这。它是一个字符串,这个字符串呢,咱们要想办法,哎,能不能把它变成一个对象呢?啊,当然手动去做肯定是可以的,有自动的可以做一个属性,就是响应题结果的一个设置。啊,咱们这来一个data type,写一个杰森保存,然后切过来刷新页面,再点击你看。它就变成一个对象了。这是。关于data type的一个设置,那除了这个之外呢,还有一些别的设置,比如说还有一个失败的回调。
03:03
咱们写一个error。然后。然后呢,还有一个呢,就是超时,时间超。超时时间。然后我们这来一个timeout,写一个2000。两秒钟啊。然后呢,在这咱们可以做一个输出log是吧,出错了。然后因为咱们当前几query server这个规则呢,它并没有做超时,咱们可以把请求路径呢,改到D类身上。啊,因为它身上是有这个延时的啊,有这定时器的啊,好了看效果怎么样,然后刷新页面。然后点开network在这啊,点击一二走。它已经取消了啊,超时时间这个已经是生效了,再看看conso,你看这出错了。这块只要是。超时啊,或者网络异常啊,这些错误都是能够被error这个回到函数能够去被处理的,能够被它处理啊。
04:06
好了,这是当前的一个。失败的回调,那除了这些之外呢,还有一个就是关于头信息的一个设置,咱们需要说一下。啊,咱们写一个C等于一个300,然后呢D呢等于一个400。保存。看效果怎么样,刷新页面点击它这报错了啊,这个报错原因主要在于你看这啊,什么什么head is present,咱们这个header发了一个自定义的请求图,它不是一个预定义的。所以咱们需要把那个头信息呢,要做一个设置。在底类这块。而且方法这块咱不能写get啊,它它有一个预检测的一个请求。所以咱们需要把这个方法呢,做成一个二。调试完之后呢,刷新,然后请求。请求。长这块位置出错啊,出错在在于呢,咱们这个时间。我们可以定一个一秒钟保存,切过来刷新页面,点击。
05:03
看看结果又出错了是吧,为什么出错了?因为咱们这个结果它不是一个杰森。哎呀,这个地方把咱们给整的有点尴尬是吧,咱们还是回归到哪呢,杰森server这个位置吧。啊,我在这个位置。到这个位置之后,咱们需要把这个响应头呢拿过来,放到下边的位置做一个设置。啊,这样一个的话,看效果怎么样啊,刷新页面点击看这name上个就来了。当然后端的这些内容的话,大家啊。先不要管它,咱们重点是看前面这些。有了这个方法做支撑,你可以感受一下,我们可以呢,给服务端发请求,请求类型。可以控制对吧,参数可以控制,头信息也可以控制,如果是POS请求的话,我们还可以设置请求T。所以说整个HTVTTP的请求报文,通过这个方法的话,咱们可以在报文的任何位置去设置参数。是他的一个。
06:01
功能性要比上面那两个呢要强一些,但是从简易程度上上来说的话,那肯定是get和POST2个更加简洁一些。所以说当你只是发送一个简单的get和pose请求的时候时候呢,你就用上面两个。如果说你想做一些个性化的,或者说自定义程度比较强的,那你就使用下边这个。啊,当然了,这个阿贾克斯方法还有很多其他选项啊,大家可以看一下文档。啊,我们不会每一个都去做一个介绍啊。有这些做支撑就绝对够用了。然后点开这个阿加,然后点阿加。里边属性还是挺多。看什么什么sing等等等等。啊,那那大大家以后呢,如果说遇到一些特别个性化的一些需求,那么你可以在文章里边再去做一个详细的查看,不过呢啊。日常使用,有这些做支撑,就绝对够用。
07:00
大概这情况是绝对够用的啊。好了,那么这个小节我们就先到这儿。
我来说两句