0
点赞
收藏
分享

微信扫一扫

Java Web项目实战之HTTP请求分析

奔跑的酆 2022-01-26 阅读 65


Java Web项目实战之HTTP请求分析

经过第一篇博客的入门,我们已会新建一个Java Web项目了,接下来,就有必要看一下这个Java Web底层使用的HTTP协议了。

1.项目结构

项目结构如下:

Java Web项目实战之HTTP请求分析_java

为了简单叙述,这里只在 ​​WEB-INF​​中存放了​​index.html​​,在​​resources​​【​​resources​​属于新建文件夹】中存放了​​welcome.js​​代码。

  • ​index.html​
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HttpTest</title>
<script src="resources/welcome.js"></script>
</head>
<body>
<p>hello</p>
</body>
</html>
  • ​welcome.js​
alert("welcome to java web world!");

2.运行项目

运行项目之后,在浏览器中输入​​localhost:8080​​​得到如下的页面。首先显示一个提示框,(这个就是​​js​​代码的作用),

Java Web项目实战之HTTP请求分析_js代码_02点击确认之后,便得到了hello的页面。但是这不是我们想看的,我们想看底层http协议的工作。

4.HTTP协议简介

在浏览器中按下F12键,得到如下的页面:

Java Web项目实战之HTTP请求分析_html_03这是观察图中的三个红框,从左往右依次是:使用的HTTP方法;是否是传输/缓存的结果;传输参数。

可以看到我们在浏览器输入​​localhost:8080​​之后,按下回车键之后,一个发出了三次请求,依次是:​​获取/​​;获取​​welcome.js​​;获取​​avicon.ico​​文件。意思就是虽然我们显式发出了一个请求,但是浏览器实际上并不一定只发出了一次请求。现在我们依次介绍上述三个方框中的内容:


GET/POST 方法,表示的是客户端请求的方法,关于GET和POST方法的区别请看我的博客链接:如果使用GET方法,则可以缓存​​js​​​,​​css​​​ 等文件,因为这个​​localhost:8080​​链接我之前就已经访问过,所以这里默认是读取的缓存。查看​​GET​​​请求中的响应,其表示为​​alert("welcome to java web world!");​​也就是我们写的js代码。

其次,在一个请求中,最主要的是研究如下几个地方:

Java Web项目实战之HTTP请求分析_js代码_04

依次介绍了请求方法状态码host。这些都是研究HTTP中常考量的地方。



举报

相关推荐

0 条评论