浅谈获取url传递的参数值的几种方式_<%=传获取的参数-程序员宅基地

技术标签: Web前端  javaweb  前端  

以下内容是在开发中本人经常使用的方式,现总结如下:

jsp页面中:       //el表达式 获取请求参数

var id = ${param.id}; 

var id = <%=request.getParameter("id")%>

                

html页面中:   //使用js 获取参数值

function getQueryVariable(variable) {    //variable为url参数的key
var query = window.location.search.substring(1); //获取url中"?"符后的字串,截取?后的字符串
var vars = query.split("&");  //字符串按照&拆分
for(var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");  //获取每一个参数
if(pair[0] == variable) {
return pair[1];   //获取参数值
}
}
return(false);
}

//调用getQueryVariable(variable)   eg:获取token 值
var t = getQueryVariable("token");

alert(t);

                或者正则表达式实现:

                function GetQueryString(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                    var r = window.location.search.substr(1).match(reg);
                            if (r != null)
                        return decodeURI(r[2]); 
                                return null;
                            }

                    调用:var id = GetQueryString(“id”);

H5的本地存储: // localStorage 、sessionStorage 方法

localStorage(本地存储),可以长期存储数据,没有时间限制,一天,一年,两年甚至更长,数据都可以使用。

sessionStorage(会话存储),只有在浏览器被关闭之前使用,创建另一个页面时同意可以使用,关闭浏览器之后数据就会消失。
使用方法:
localStorage.setItem(“key”,“value”)//存储
localStorage.getItem(key)//按key进行取值
localStorage.valueOf( )//获取全部值
localStorage.removeItem(key)//删除单个值
localStorage.clear()//删除全部数据
localStorage.length//获得数据的数量

localStorage.key(N)//获得第N个数据的key值

ps:  sessionStorage和localStorage用法相同

注意: localStorage只能存储字符串的数据,对于数组或对象却不能直接存储。

解决方案:通过JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到 localStorage中就可以了

eg:  localStorage.setItem("list", JSON.stringify(list));  //将list数组存入 localStorage

       var list = localStorage.getItem("list");   //获取list

       var obj =JSON.parse(list);    //将json字符串解析成数组对象 obj
 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_15901351/article/details/80298301

智能推荐

如何在宝塔部署uniapp h5项目_uni-app h5 部署 centos 7 宝塔-程序员宅基地

文章浏览阅读1.7k次,点赞4次,收藏10次。部署H5项目_uni-app h5 部署 centos 7 宝塔

spring rest案例-程序员宅基地

文章浏览阅读180次。spring rest

6个月计算机专硕408备考经验_408备考6个月-程序员宅基地

文章浏览阅读9k次,点赞23次,收藏177次。考研情况一志愿:华东师范大学计算科学与技术学院计算机专硕。初试成绩:总分332,政治:70,英语二:67,数学二:95,408计算机综合:100。初试排名37。复试400分,总分=初试x0.7 +复试x0.3 = 352 ,最终排名43。招生人数:37 + 13 + 2 = 52人,考前统招37,复试前一次扩13人,拟录取后二次扩2人。2019年9月,专业课从839自命题改408全国统考。个人情况本科北京某双非一本大学,信息与计算科学专业(408四门课全都学过,但不是很精通)。班级排名_408备考6个月

转:涉足机器视觉_idiap全称-程序员宅基地

文章浏览阅读1.5k次。作机器视觉和图像处理方面的研究工作,最重要的两个问题:其一是要把握住国际上最前沿的内容;其二是所作工作要具备很高的实用背景。解决第一个问题的办法就是找出这个方向公认最高成就的几个超级专家(看看他们都在作什么)和最权威的出版物(阅读上面最新的文献),解决第二个问题的办法是你最好能够找到一个实际应用的项目,边做边写文章。 做好这几点的途径之一就是利用网络资源,利用权威网站和专家们的个人主页_idiap全称

bcm56150_i2c驱动分析-程序员宅基地

文章浏览阅读95次。本文主要关注bsp中,关于smbus(系统管理总线,是i2c的子集)的配置过程,了解如如何配置i2c寄存器。所有发送的数据都会写在FIFO中,使能之后就发送出去。接收数据就从接收寄存器中读取。读取和发送的数据都保存在iproc_xact_info结构体中。结合smbus数据帧的格式,分析下面代码。struct iproc_xact_info { bool cmd_valid; /* t..._bcm56150手册

2023最新版Nessus10.5+Awvs15.2+Routersploit+Kali_awvs最新版-程序员宅基地

文章浏览阅读148次。从时代发展的角度看,网络安全的知识是学不完的,而且以后要学的会更多,同学们要摆正心态,既然选择入门网络安全,就不能仅仅只是入门程度而已,能力越强机会才越多。因为入门学习阶段知识点比较杂,所以我讲得比较笼统,大家如果有不懂的地方可以找我咨询,我保证知无不言言无不尽,需要相关资料也可以找我要,我的网盘里一大堆资料都在吃灰呢。干货主要有:①1000+CTF历届题库(主流和经典的应该都有了)②CTF技术文档(最全中文版)③项目源码(四五十个有趣且经典的练手项目及源码)_awvs最新版

随便推点

windows10系统自带linux子系统(WSL)的安装目录_wsl 安装目录-程序员宅基地

文章浏览阅读2.3w次,点赞2次,收藏14次。如题,最近一直想能不能不用VM、virtualbox、Hyper-V等以虚拟机方式在windows10系统中安装linux,以便打造openwrt编译环境。在网上摸索了许久,终于找到了一种方法,就是首先在windows10中打开开发模式(任务栏右下角【设置】按钮→【所有设置】→【更新和安全】→开发者选项,在进入的菜单中直接勾选开发人员模式即可),然后在【控制面板】→【程序和功能】→..._wsl 安装目录

服务器项目前端调用摄像头失败,浏览器调用摄像头失败:NotSupportedError Only secure origins are allowed...-程序员宅基地

文章浏览阅读5.4k次。通过浏览器调用摄像头失败:NotSupportedError Only secure origins are allowed错误报告NotSupportedError Only secure origins are allowed (see: https://goo.gl/Y0ZkNV).[Deprecation] getUserMedia() no longer works on insecur...

vue中v-bind绑定属性后,双引号和花括号的结合用法_vue双花括号拼接字符串-程序员宅基地

文章浏览阅读3.2k次。vue中v-bind绑定属性后,双引号和花括号的结合用法v-bind绑定属性后,如果是对象写法,属性名要加单引号,以示和vue实例变量属性的区别,属性值可以是布尔值或者vue实例的变量属性或者计算属性或者js表达式如果是数组写法,则每个元素可以是单引号字符串的写法,也可以是js表达式,不过不能使用 ‘mardown’ + checked === 0 ? ‘s’ : ‘’ 这种字符串拼接表达式..._vue双花括号拼接字符串

systemui start time out导致的黑屏问题_process dtart timeout-程序员宅基地

文章浏览阅读1.9k次。一. 问题描述1.1 现象 手机黑屏,长按power键能出现关机界面1.2 JIRA xxx1.3 结论 systemui 的service没有重启,导致黑屏。这是一个原生bug,因为systemui启动的方式比较特别,他是通过service来将界面画出来的,如果service没有起来那就会导致黑屏。1.4 修复链接: xxx..._process dtart timeout

python+numpy中矩阵的逆和伪逆的区别_numpy pinv误差-程序员宅基地

文章浏览阅读3.7k次。python+numpy中矩阵的逆和伪逆的区别_numpy pinv误差

计算机网络技术及其应用规范论文,计算机网络技术专业论文写作规范.doc-程序员宅基地

文章浏览阅读136次。计算机网络技术专业论文写作规范计算机网络技术专业论文写作规范毕业设计论文是毕业设计工作的总结和提高,应有一定的实际应用价值,能反映出作者所具有的专业基础知识和分析解决问题的能力。在毕业设计期间,尽可能多的阅读文献资料是很重要的,一方面是为毕业设计做理论准备,另一方面是学习论文的写作方法。一篇优秀的论文对启发我们的思维,掌握论文的写作规范很有帮助。下面仅对工科论文中的几个主要部分的写作规范和写作方法..._计算机网络行业规范论文

推荐文章

热门文章

相关标签