云笔记项目-保存网页端数据的方式

在做云笔记项目的时候,经常需要用到调用数据的情况,比如添加笔记时,需要先确认是否点击了笔记本,在确认的过程中需要获取笔记本Id,此时往往需要将笔记本Id绑定在一个DOM元素里,比如li,div等任何DOM元素均可以。在绑定数据方面,刘老师列举了好几个可以绑定数据的对象,如下:

  1. ServletContext(Application):一个Web应用,多个用户之间共享数据。
  2. Session:一个会话的多个请求期间,多个线程的请求期间,可以把通过session共享多个请求线程之间的数据,当然session底层使用cookie保存session id,还有就是保存在服务器的内存中。
  3. Request:一次请求期间,代表浏览器发送请求给服务器时,服务器会给请求开辟一个线程,请求经历过滤器,Servlet控制器,再执行jsp,这一个过程就是一次请求。
  4. Page:一个JSP页面内部,一般现在很少使用,可能老企业会用。

以上全部为服务端保存数据的方式,如果只想在浏览器端共享数据,以上几个都不适用,只能使用网页端的对象来保存数据。DOM对象为在浏览器运行的网页的运行状态,包括ducument,p,div,ul等元素。如果在网页的js脚本里有像如下图定义的变量,这样的变量称为window下的全局变量,在控制台下可以直接输出,这样的变量一般在网页刷新后消失

定义全局变量:

控制台下可以直接输出:

也可以在控制台下直接定义变量,这样的变量也变成了全局变量,点击window后会自动提示变量名

自定义的window对象可以绑定数据实现数据共享,范围为在当前网页下,刷新就消失失效。此外在window对象下,可以使用document对象来绑定数据,这个应该是window下能保存数据的最大对象,就算某些子元素在运行中因为业务需求消失,只要网页还在没有刷新,绑定在document中的数据就存在。如果要实现在多个网页之间共享数据,就算网页刷新数据也存在的话,可以使用cookie,保存数据,一般cookie中不要保存中文。

总结:如果只是在当前网页共享数据,可以使用document或者其下面的子元素保存数据实现数据共享。如果需要在多个网页之间共享数据,使用cookie保存数据,尽量不要保存中文字符在cookie里。

猜你喜欢

转载自www.cnblogs.com/youngchaolin/p/10446429.html
今日推荐