Cookie:
B/S模式 浏览器-----服务器 websever - tomcat/apache/iis
http协议:
HTTP协议(HyperText Transfer Protocol,超文本传输协议)是因特网上应用最为广泛的一种网络传输协议,所有的WWW文件都必须遵守这个标准。
HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。
HTTP是无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。
HTTP是媒体独立的:这意味着,只要客户端和服务器知道如何处理的数据内容,任何类型的数据都可以通过HTTP发送。客户端以及服务器指定使用适合的MIME-type内容类型。
HTTP是无状态:HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数据量增大。另一方面,在服务器不需要先前信息时它的应答就较快。
由于http是无状态的,服务器要记录用户身份信息,所以存在session会话跟踪机制
C/S模式 客户端------服务器
谷歌浏览器暂不支持使用:file://协议方式来操作cookie
Cookie
特点:
a.保存的是纯文本信息
b.有存储容量的限制:4kb(有存储条数的限制)
c.cookie会占用网络上传带宽,即每次请求都会携带cookies信息传到服务器
使用:
保存:
document.cookie = "name=value;expires=xxxz;path=xxxa;domain=xxx;secure";
name:cookie名
value:cookie值
expires:失效时间,可选,默认(没有的时候)为给会话结束失效。日期时间字符串
cookie失效时候会自动从文本文件中删除
path:cookie保存路径,可选,默认为当前文件所在的路径
domain:域名
secure:是否为安全连接,可选
修改:
覆盖保存,同路径下,同名的cookies覆盖保存
删除:
覆盖保存,同路径下,同名的cookies覆盖保存,将失效时间设置当前时间之前的任何一刻即可
查找:
document.cookie
--将域下所有cookies都查询出来,以字符串的方式返回,字符串内容为每条cookie(name=value)以“; ”(分号空格)隔开
exp:记住用户名和密码
from action = “”
input username
input paswd
chenckbox remmberps-and-name
submit
//表单提交触发onsubmit
$("form").onsubmit = function(event){
event = event||window.event;
//未完待续
}
存储cookie避免乱码:
encodeURIComponent()可把字符串作为URI进行编码,不会对ASCII字母和数字进行编码;
decodeURIComponent()解码
不同页面间数据传输的方式
a.URL
<a href = “/addToCart.html?id=1&title=xxxx”>加入购物车</a>
location.search.slice(1);
b.cookie
如:一个页面cookie(key,value)保存数据,另一个页面cookies(key)读取数据
模板字符串(ES6):`字符串`;
template : ${js表达式}占位符 字符串中途可以换行,如果字符串中间需要连接其他js表达式内容,可以使用${}占位符来使用
json:
JavaScript option Notation
javascript 对象表示方法,是存储和交换数据的一种格式的语法
ES5提供JSON的内置对象使用:
JSON.stringify(obj)
将js值转化为JSON
JSON.parse();
将JSON字符串转化为JS