00:00
哈喽,大家好。这一个小节我们来讲一下在几query当中应该如何来发送,哎,加个进球。那么这里的话,我们主要会介绍三个方法。一个呢是get,另外呢是还有一个是一个通用方法叫做。这里的话,我准备了一个页面。是用P搭起来一个页面,我们来看一下。好,再看一下三个按钮,Get post和通用型方法啊,加X,然后这个词呢,我没有加。啊,咱们把它吓着。那我们的目标是这样子啊,点击这个按钮发get,点击这个按钮发post,点击这个按钮呢,用通用方式去发送。我来给大家演示一下。首先第一步呢,我们需要先把几query这个文件资源要先引进来。那么如何把这个资源引进进来呢?我们可以到百度里边去搜一个CDN。啊,找一个CDN的链接。
01:02
输入几query。点击它。咱们直接找第一个啊,就是这个3.5.1的这个,复制一下标签。然后往这放保存。OK,搞定,下边一步呢?我们开始为他们去绑定事件Dollar。先给第一个按钮去绑定eq0.click。然后呢,咱们开始发送请求。如何来发送?很简单,dollar.get。这里呢,接收四个参数,当然三个也可以。那么这里的话,第一个参数呢,是给谁发。啊,咱们呢,点开这个3.gs,这个3.gs啊,它是放在了原生阿贾克斯里边。不是很方便,所以说呢,我们接下来呢,对这个文件的位置啊,做一个调整,我把它放到外层。对,放到这个位置。然后我们把服务呢,重新启动一下。啊,现在在这儿右键。终端打开,然后node Mon.GS。
02:05
了,把它呢,直接折下去。然后呢,点开章,咱们准备在这儿再加一个规则,把它复制一份。拿过来这里写一个j query。然后在这呢,咱们做一个直接响应啊。response.send。Hello jaary。好呢,加。OK,搞定这块的话,咱们换一下啊,来一个query server。把这个呢往右拆一下。好,咱们准备呢,给这个路径去发请求。那URL形式应该是HTTP,然后127.0.0.1冒号,然后8000斜杠来一个杠。这是第一个参数给谁发?第二个参数呢,是我们要发送,发送什么参数。这个参数类型啊,它是一个对象。
03:02
我来一个,A冒号100 B冒号200。啊,K value的形式。那么第三个参数呢,是一个回调。啊,是一个回调啊,而在这个回调当中呢,它呢接受一个参数,这个参数呢是响应题,在函数内部可以对这个data塔做一些操作,比如说我这写一个log,打印一下data。一起来看效果怎么样啊,点开浏览器。在这儿。刷新页面,点开控制台。Network这个位置啊,然后点击。大家可以看一下啊,参数已经发过去了,看这A100B200已经有了参数没有问题,然后咱们再来看一下啊,详细的一个数据交换,看这这是响应题,Hello jaary已经回来了。再看这块儿。啊,请求头这块是。都没有问题,都是OK的啊,然后咱们点开conso看一下这个结果,Hello query阿贾克斯没有问题啊,这是当前我们演示了一下,使用Dollar,点阿贾克斯dollar.get去发送。
04:11
Get的请求。这里有一个小的警告啊。这个呢,没有什么太大关系啊,它不影响我们整个一个效果,如果说呢,你有点难受,你可以把这个属性加上。啊,Crossor,这是一个跨圆的请求的一个属性设置,这个单词本身是匿名的意思。加这个属性之后呢?向这个资源发送请求时,将不会携带当前域名下边的cookie。啊,是这样的一个操作,我来刷新一点。点击你看一下就不会报那个警告了。这个大家了解一下就。好,这是当前的话第一个,那么下边的话,咱们来第二看第二个。就是发送POS的请求。我们只需要把这get换成就可以,按钮这块呢是第二个,所以下边的来咱们写个E。保存。
05:00
然后看结果,切过来,刷新页面,点开network,点第一个get请求,点第二个post请求。POS请求这块出问题了,为什么呢?因为咱们服务端这一块。啊,只写了一个get,并没有写post,为了方便呢,咱们直接把这个get变成一个or已保存。咱们不用手动去重启啊,因为装了note on了。好,切过来,刷新页面,再重新来过,走走,你看结果post没有问题。在参数这块呢,你发现呢,POS的请求参数并没有在URL后边。在哪查看呢?在header的下边,在这儿去查看。A100B200,你要想看原始的豹纹样子,可以点击view source。这就是原始的请求体数据。那么你会发现呢,使用。几块去发送get和POS请求呢,是非常非常方便的。在这的话,我们再来演示一下第四个参数。第四个参数的话是一个类型响应题类型。
06:02
那咱们这呢,传一个杰森,这是最常用的一种方法。啊,传一个杰森表示呢,显应体是一个阶层格式数据。但是在这儿的话,咱们这并不是一个阶层啊,所以咱们呢,需要做一个。调整,我这来一个。的。一个对象。内等于一个上硅谷。然后我需要把这个对象呢,转成一个字符串,做一个返回。把上面这个助教啊。把下边这个把它咔掉来。杰森第二。括弧,把data放进来搞定。啊,直接呢,返回字符串,然后交给send做返回就可以了。看看结果怎么样啊,我把下边这个呢,也加上一个。好呃,先不加这个啊,咱们下边这个不加,上面这个加做个对比。切过来,然后点开pencil刷新页面,点击看一下,第一个结果是一个对象,点击第二个,它是一个字符串。
07:02
这就是加了阶层和不加阶层的一个区别。第四个参数是设置响应体的一个数据类型的。好,那这一个小节,关于几query发送阿贾克斯两个方法,我们就先到这儿,一个get,一个post。
我来说两句