江苏龙网

  1. 主页 > 生活百科 > >

HTTP404...前端必知，精辟简介

404.


HTTP404...前端必知，精辟简介

文章插图
图片来源-segmentfault
1、介绍HTTP，超文本传输协议，是互联网中最为常用的一种网络协议 。
 
2、组成【HTTP404...前端必知，精辟简介】HTTP协议有HTTP请求和HTTP响应组成 。
 
3、HTTP请求编辑一个form表单页面，如下：
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>HTTP TEST</title> 5 </head> 6 <body> 7 <form action="demo1.html" method="POST"> 8 <input type="text" name="username"><br> 9 <input type="password" name="password"><br>10 <input type="submit" value=https://www.isolves.com/it/wlyx/wzjs/2019-11-29/"测试HTTP请求">
11 12 13  
点击提交按钮，抓包如下：
//请求行
POST /zhoubin/document/demo1.html HTTP/1.1, //请求路径
//请求头
Accept:text/html,Application/xhtml+xml,*/*//浏览器可支持的文件类型
Referer:http://localhost:8080/zhoubin/document/demo1.html //刷新
Accept-Lanuage:zh-CN//接收的语言类型
User-Agent:Mozilla/5.0(compatiable:MSIE 9.0 windows NT 6.1 ...) //用户当前使用的客户端信息（浏览器、操作系统等）
Content-Type:application/x-xxx-form-urlencoded//请求的类型
Accept-Encoding:gzip,deflate//编码格式
Host:localhost:8080//当前主机名
Content-Lenght:30//请求体的长度
Connection:Keep-Alive//保持连接
Cache-Control:no-Cache
//请求体
username=zhangsan&password=123
 
请求行介绍：
请求方式：POST、GET，当为POST是时，请求体中会有请求的参数；如果为GET，那么请求的参数不会在请求体中，而是会拼接在url地址后面 。
请求的资源：/zhoubin/document/demo1.html
协议版本：HTTP/1.0：发送请求，创建一次连接，获得一个Web资源，连接断开 。
HTTP/1.1：发送请求，创建一次连接，获得多个Web资源，保持连接 。
 
常见请求头介绍：
Referer：浏览器通知服务器，当前请求来自何处 。如果是直接访问，就不会有这个头 。常用于：防盗链 。
If-Modified-Since：浏览器通知服务器，本地缓存的最后变更时间，与另一个响应头组合控制浏览器页面的缓存 。
Cookie：与会话技术有关，用于存放浏览器缓存的Cookie信息 。
User-Agent：浏览器通知服务器，客户端浏览器与操作系统相关信息 。
Connection：保持连接状态，Keep-Alive：连接中，close：已关闭 。
Host：请求的服务器主机名 。
Content-Lenght：请求体的长度 。
Accept：浏览器可支持的文件类型，text/html：html文件、text/css：css文件、text/JAVAscript：js文件、image/*：所有图片文件 。
Accept-Ecoding：浏览器通知服务器，浏览器支持的数据压缩格式，如gzip压缩 。
Accept-Language：浏览器通知服务器，浏览器支持的语言，各国语言（国际化il8n） 。
 
4、HTTP响应响应内容如下：
//响应行
HTTP/1.1 200 OK
//响应头
Server:Apache-Coyote/1.1
Accept-Ranges:bytes
ETag:W/"312-1467289802502"
Last-Modified:Thu,30 Jun 2016 12:30:02 GMT
Content-Type:text/html
Content-Language:312
Date:Thu,30 Jun 2016 12:31:12 GMT
//响应体
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTTP TEST</title>
</head>
<body>
<form action="demo1.html" method="POST">
<input type="text" name="username"><br>
<input type="password" name="password"><br>
<input type="submit" value=https://www.isolves.com/it/wlyx/wzjs/2019-11-29/"测试HTTP请求">

</form>
</body>
</html>
 
响应行介绍：
200：请求成功
302：请求重定向
304：请求资源没有改变，访问本地的缓存
404：访问的资源不存在
500：服务器内部错误
 
响应头介绍：
Location：指定响应的路径
Content-Type：响应的正文的类型，取值：text/html;charset=UTF-8
Content-Disposition：通过浏览器以下载方式解析正文，取值：attachment,filename=xx.zip
Set-Cookie：与会话技术相关，服务器向浏览器写入Cooike
Content-Encoding：服务器使用的压缩格式，取值gzip
Refresh：定时刷新，格式：秒数;url=路径，其中url可省略，默认值为当前页，取值：3:url=www.itcast.cn，意味3秒刷新页面到www.itcast.cn


推荐阅读


上一篇：老舍茶馆韵香茶礼盒,铁观音品评记

下一篇：山西,全国茶叶主销区创新观念 茶业进入变革前夜