00:00
哈喽,大家好,那么这一个小节我们来做一个几query发送JP的一个请求练习。用几块做这个接算地请求啊,真的是非常非常方便,好了,那么首先第一步的话,我们先把几块先。进来啊,这个时候的话,我们还是借助于谁呢?这个bit c boot啊,Sorry boot c dn。然后呢,把这个几块。拿过来。因为我在这儿呢,配置了Vs code它的一个代码片段功能,所以说我可以直接通过。把这个内容呢拿出来啊,没有防止它报错呢,我们再加一个crossor animals。好了,那么在这儿完成之后呢,下边我们的需求是点击这个按钮看好了。不是这个在这在在在这个啊。啊,关闭其他我们的需求是这样子啊,点击这个按钮,然后向8000端口去发请求,然后呢,返回的结果在div里边做一个呈现啊很简单一个需求。
01:03
那么咱们在这应该怎么去做呢?们来显示一下,首先绑定事件Dollar,然后button。EQ来个0.click,然后呢。好了,然后呢,在里边我们发送杰森P请求,如何去做呢?很简单,就是dollar.get杰森这个方法。那么其中呢,第一个参数就是URL,你给谁发请求,我们在这再定义一个。来个APP,不写了,直接复制一份。拿过来。然后呢,在这儿呢,我们把它呢咔掉。换成谁呢?换成一个。去,然后J3P。然后server。然后这个数据这块咱们改一下啊,再来一个name,等于一个at啊,来一个上硅谷。上硅谷。好,然后呢,咱们再来一个啊,City。
02:02
北京。然后呢,上海。和这个深圳。好搞定啊,然后这个数据的话,咱们再做一个返回。呃,大家注意一点啊,我们这儿呢,先往这儿去发请求,出了问题咱们再调整好。HTTP,然后127.0.0.1冒号X8000斜杠及CH杠杰森P-server给他去发请求。那在这需要额外注意一点,就是使用几query去发送JP请求的时候呢,这个地方一定要补一个参数叫call back。而且这个参数对应的值呢,一定要是一个问号。固定写法啊,这是一个固定写法,然后在后边呢,我们在这写一个function。然后来一个。我往小的缩一缩啊,因为这块太长了。注意观察这个URL里边这个参数是必填的。
03:00
然后在这呢,我们使用c log先来对这个数据呢做一个输出。先来看看结果怎么样,别着急啊,先来看结果。点开浏览器,刷新页面,打开网络控制台,点击按钮,你先看一看。这个请求已经是发送出去了啊,但这个请求发送出去之后呢,有一个比较让人。那个奇怪一个点在哪呢?在这看这。Call back,然后挤query,你会发现,虽然说我们写的时候是一个问号,但是在实际发送请求时,这个参数是有值的。那我们服务端是可以把这个参数接收到的,接收到之后呢,咱们干嘛呢。啊,我们需要把这一个参数的值。作为函数调用那个函数。去拼接字符串,也就是说现在那几块已经是注册了一个这样的函数,只要你回来之后。返回是这个函数的调用。咱们的前端就可以对这个代码,对这个数据做一个处理。
04:02
好了,然后咱们在服务端应该怎么做,看好了。首先我要先接收。啊,然后call back这个参数。怎么来接收呢?我们先说明一个变量啊,Let cb等于一个request点。Query点。Call。这样一来的话,我就可以把请求当中。URL参数当中,这个参数它的值。渠道,也就是说CB这块它的值其实就是当前这个几QUERY350000什么什么最后啊050这个字符串。CB现在就是它这个这样一个值,然后我们再返回结果时,直接把CB往里边一放就搞定。来看一下结果,切过来刷新页面,然后点击。你看看他的一个结果啊,Response这块看好了。
05:00
就是这样的一个结果。好了,这个结果回来之后,咱们可以点开canl,你再看一下,点开can,你看这。Name上硅谷,然后city都来了。好了,那么现在的话,我们就只需要在这个回调函数当中对这个数据做一个处理就可以了。看一下,来一个result Dollar井号的result.inner。HTML来说应该是HTML。往里边去放内容。放内容。咱们首先先来放一个这个。名称。冒号,然后里边补一个。再说。点。好,这是一个啊,然后呢,下边再来啊。就是。那个校区。小区这块的话,咱们就来一个Dollar。然后得点。它的一个属性是city。
06:00
看效果怎么样啊,切过来刷新页面点击。名称商业谷校区,北京上海深圳,咱们这补一个BR标签。好了,那么现在的话呢,我们就已经啊。通过几query完成了一个JP的请求,其实到这儿呢,相信大家已经对JP的一个使用呢,有了一定的一个。啊,理解了,还有它的原理已经。就是有一点点感觉了啊,大家多做几次练习,就一定能够把它完全掌握住。好了,那么这一个小节的话,我们就先到这儿。
我来说两句