文档章节

前端跨页面传值 cookie,sessionStorage,url传参

o
 osc_z1hvg4cu
发布于 2018/04/24 16:40
字数 406
阅读 0
收藏 0

精选30+云产品,助力企业轻松上云!>>>

1.cookie前端与后台都可以创建保存在客户端,有默认有效时间,当然也可以清除浏览器cookie;

创建方式:

var name="liuliu";
var age=28; document.cookie
="name="+name;
document.cookie="age="+age;

cookie键值对以等号方式连接cookie之间用分号分开;

获取全部cookie字符串:

document.cookie;
"name=liuliu;age=28"

鉴于cookie以这种形式连接成的字符串:可以写一个方法具体来获取某个键的cookie值;(chrome浏览器本地测试无效)

function getCookie(cookie_key) {  
        var cookies=document.cookie
        if (cookies.length == 0 || cookies_key.length == 0) return;
        var arr = cookies.split(";");
        for (var i = 0; i < arr.length; i++) {
            var somecookie = arr[i].split("=");
            if (somecookie[0] == cookie_key) return somecookie[1];
            break;
        }
  }

cookie的长度有限制:一般为4k左右,通常存储小量的信息; cookie兼容低版本的IE;

 

sessionStorage是H5的新标准,,是webStorage的一种,像存储对象一样;支持IE9+;在客户端保存;

用法  设置:window.sessionstorage.setItem("name","kangkang");   取值:window.sessionstorage[''name"]; 

有效期就是当前会话结束之后就失效了,简单的理解就是关闭当前的浏览页面;存储大小为5M左右;不同浏览器稍有差距;

 

url传参:它的使用场景也可以夸页面;同样起到传值的左右;

var url="https://www.baidu.com?page=2";

当你进入另外一个页面的时候可以根据所传入的参数不同,而进行相应的操作;同样也可以写一个方法来获取url的参数值;

注意了,虽然后台控制的浏览器地址栏域名一直不变,但是不影响这个的使用;

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

访问者模式Visitor

一 概述 场景:通常来说,用于封装数据所用到的pojo类,其只包含get、set,对应的业务逻辑是在Service上完成的;但如果出现多个pojo类都共用一套逻辑时,则应该考虑将逻辑进行抽象,不同类型...

小明不觉小
24分钟前
5
0
jQuery Ajax错误处理,显示自定义异常消息 - jQuery Ajax error handling, show custom exception messages

问题: Is there some way I can show custom exception messages as an alert in my jQuery AJAX error message? 有没有什么方法可以在我的jQuery AJAX错误消息中显示自定义异常消息作为警报...

法国红酒甜
29分钟前
18
0
告别传统机房:3D 机房数据可视化实现智能化与VR技术的新碰撞

前言 随着各行业对计算机依赖性的日益提高,计算机信息系统的发展使得作为其网络设备、主机服务器、数据存储设备、网络安全设备等核心设备存放地的计算机机房日益显现出它的重要地位,而机房...

xhload3d
昨天
19
0
如何使用.css()应用!important? - How to apply !important using .css()?

问题: I am having trouble applying a style that is !important . 我在应用!important样式时遇到麻烦。 I've tried: 我试过了: $("#elem").css("width", "100px !important"); This doe......

富含淀粉
昨天
5
0
spring源码解析-xml配置文件读取

整个 XML配置文件读取的大致流程如下: 通过继承自AbstractBeanDefinitionReader中的方法,来使用ResourLoader将资源文件路径转换为对应的Resource文件(读取资源文件并将其转为Resource) ...

wc_飞豆
昨天
16
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部