重点掌握HTTP协议

先了解一下web资源访问的过程:web资源访问图

web资源访问图


什么是HTTP协议?

客户端连上web服务器后,若想获得web服务器中的某个web资源,需遵守一定的通讯格式,HTTP协议用于定义客户端与web服务器通讯的格式。

(安装IE浏览器插件HttpWatch,查看IE浏览器通过HTTP协议获取某个页面)

 

HTTP协议简介

HTTPhypertext transfer protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层,用于定义web浏览器与web服务器之间交换数据的过程。

 

HTTP协议版本:HTTP/1.0      HTTP/1.1  区别

HTTP1.0协议中,客户端与web服务器建立连接后,只能获得一个web资源

HTTP1.1协议,允许客户端与web服务器建立连接后,在一个连接上获取多个web资源

 

客户端连上服务器后,向服务器请求某个web资源,称之为客户端向服务器发送了一个HTTP请求。

一个完整的HTTP请求包括:一个请求行,若干请求头、实体内容

HTTP请求

HTTP请求示例图

请求行:

常用的请求方式有:GET、 POST

默认情况下浏览器向服务器发送的都是GET请求;用户可通过更改表单提交方式将请求 方式改为POST

1、若请求方式为GET方式,则可以在请求的URL地址后以 的形式带上交个服务器数据,多个数据之间以 进行分隔,如:GET /mail/1.html?name=a&password=123 HTTP/1.1

GET方式特点:在URL地址后附带的参数是有限的,其数据容量通常不能超过1K

2、若请求方式为POST方式,则可以在请求的实体内容中向服务器发送数据。

POST方式的特点:传送的数据量无限制。

 

请求头:

Accept:告诉服务器,客户机支持的数据类型

Accept-Charset:告诉服务器,客户机采用的编码

Accept-Encoding:告诉服务器,客户机支持的压缩格式

Accept-Language:客户机的语言环境

Host:客户机通过这个头告诉服务器,想访问的主机名

If-Modified-Since:客户机通过这个头告诉服务器,资源的缓存时间

Referer:客户机通过这个头告诉服务器,它是从哪个资源来访问服务器的(防盗链)

User-Agent:客户机通过这个头告诉服务器,客户机的软件环境

Cookie:客户机通过这个头可以向服务器带数据

Connection:请求后是保持连接(Keep-Alive)还是关闭连接(close


一个HTTP响应式代表服务器向客户端回送的数据,包括:状态行、若干相应头、实体内容

HTTP响应示例图
HTTP响应示例图

响应头:

Location:这个头配合302状态码使用,告诉用户找谁

Server:服务器通过这个头,告诉浏览器服务器的类型

Content-Encoding:服务器通过这个头,告诉浏览器数据的压缩格式

Content-Length:服务器通过这个头,告诉浏览器回送数据的长度

Content-Type:服务器通过这个头,告诉浏览器回送数据的类型

Last-Modified:服务器通过这个头,告诉浏览器当前资源缓存时间

Refresh:服务器通过这个头,告诉浏览器隔多长时间刷新一次

Content-Disposition:服务器通过这个头,告诉浏览器以下载方式打开数据

Transfer-Encoding:服务器通过这个头,告诉浏览器数据的传送方式

ETag:缓存相头的头

Expires:服务器通过这个头,告诉浏览器把回送的资源缓存多长时间,-10,则不是缓存

Cache-Controlno-cache

Pragmano-cache

服务器通过以上两个头,也是控制浏览器不要缓存数据

 

HTTP请求头字段:Range头指示服务器只传输一部分资源,这个头可以用来实现断点续传功能。





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值