00:00
哈喽,大家好,这个时间我们来做一下阿贾克斯请求发送前的一个准备。我们主要是准备两方面内容。第一个呢是前端页面的准备,第二个呢是服务端代码的一个准备。大家可以看一下啊,我们这儿呢,新建了一个文件夹,原生阿贾克斯里边我有两个文件,一个呢是get.html,一个呢是server的JS,这个是前端页面,这个呢是咱的服务端。我们首先要定一个需求。我们的需求是这样子的。就是我呢这儿呢,会准备一个button按钮。啊,然后点击发送请求。下边呢,我再写一个div。做一个样式style。然后井号的result。宽度呢来一个200PX,高度呢来一个100PX,然后边框等于个。
01:01
井号的九零。一起来看效果怎么样先啊。大家可以看一下啊,没有问题,界面的话没有问题啊,我们的需求是这样子,当点完这个按钮之后。我们需要向服务端发一个请求。然后把服端返回的响应体结果,注意把服务端返回的响应体结果在这个div当中做一个呈现。这是我们的需求。点按钮发请求结果回来,在div当中做呈现,页面不刷新。然后这是前端的一个页面准备就完成了。下边呢,是服务端的一个准备。服务端准备这块的话呢,诶,咱们这儿直接把。之前上一个小节做的代码,他们拿过来。然后把代码咱们稍微改一下。哎,注意呢,我这呢把它改一下,来一个sorry。
02:00
啊,来一个server啊,那么这样子改是干嘛呢?就是我如果说呢,把它改成一个斜杠server的话。当。客户端浏览器向服务器在发送请求时。如果说URL的路径。啊,如果说啊,URL的路径就是请求的。第二段内容。它的路径。是斜杠server的话,那这个时候就会执行这个回调函数里边的。代码。并且由response来做出响应。是这样的一个。效果啊。这样一个效果好了,然后在这儿呢,我们还要再做一个事情。我先来设置一个响应体。response.send。啊哈。然后加X。那上面呢,我们还要再做一个特殊的事情啊,就是设置一个响应头。
03:01
response.set header。里边写一个access control。然后。Origin。后边咱们写一个星号。为什么加这行的代码呢?首先先说呀,这行代码是设置响应头的。他的名字叫他啊。CTRL多写了个L。然后呢,啊,这头的名字后边这个呢,是一个指星。这块的作用是设置。设置允许。允许跨越。啊,大家第一次接触阿贾克斯,你就按照我这个思路来,因为这样的话,我们前端代码写起来会很轻松,到后边咱们再去介绍。啊,跨越这块的一个处理。好,接下来的话,我把这个代码呢启动一下,把这个服务呢启动一下切过来。然后右键终端打开,注意啊,在这个文件夹上面右键终端打开。
04:03
然后node。server.gs调回车。这个时候呢,你会发现呢,他报错了。他报什么错呢?他说,Address already in use。这会儿报错信息是这个端口呢,已经被占用了。8000端口已经被占用了,那么遇到这个,遇到这个问题,咱们该怎么办?别慌。在这呢看一下啊,终端呢,它有一个下拉框。CMD呢,就是一个普通窗口。而node这块。表示有一个服务正在启动。就是咱们上边那个啊,Expert框架基本使用那个服务呢,它还在启动当中,我们需要把这个服务呢做一个关闭,怎么来关闭呢?按一下CTRLC。按完CTRLC之后呢,8000的这个端口呢,就会就会被释放。其实在这块呢,端口呢,就只是一个服务窗口。比方说咱们是一条街是吧,小吃街,小吃街这块呢,有一个诶202这样一个档口。
05:08
啊,卖这个酸辣粉的,我举个例子啊,那我在202这块已经开始卖卖东西了,卖酸辣粉的,突然有一个哥们儿呢,想来我这个202档口呢,卖煎饼果子,那能行吗?肯定不行,因为这个时候就会产生冲突啊,先到为主,202归我,你这哥们儿你用不了。那么应该怎么办呢?两种方式。第一种方式,这哥们儿到203。或者说204换一个位置。这是一种解决方法,那么另外一种解决方法就是,哎,他要把我呢关掉。啊,让我呢,走人是吧,你不要在202了,你去别的地方,或者说你呢,你回家吧,是吧,我来占202。这样的话,就这个服务窗口就不会产生冲突,就不会报错。而咱们现在的话,解决方法就是我们呢,先把之前的那个8000端口呢,先释放。
06:00
然后咱们新的这个服务才能够去用8000端口。然后在下边儿。回过头来重新启动node.gs全部车。这个服务呢已经启动,咱们测试一下,看看好使不好使。怎么去测试呢?打开浏览器。然后幺二七点零点零八千斜杠来一个server小回车。看一下哈,阿贾克斯没有问题。响应体的返回呢,是正常的,咱们再来看一看呢,响应头的一个返回正常不正常。刷新,再来点击。Can he。看这allow access control allow origin信号也没有问题。那么这样一来的话呢,咱们整个的。发送请求前的一个准备就已经OK了,一个呢是页面准备,一个呢是服务准备。这个小节我们就先到这儿。
我来说两句