js 不同页面间传递值并取值
原博主地址:http://blog.csdn.net/web_xyk/article/details/47857033
以前没用到过页面间传递参数再从后台获取数据,然后搜索了一下。
发现了一个比较好的方法:
1.先说需求:现在有页面pageA.html 和页面pageB.html,页面pageA.html中有一事件,当这个事件触发时会打开页面pageB.html。而且页面pageB.html中的一些内容需要根据pageA.html 中的一些值来判断显示哪些内容。
2.解决方法:
举例:(1) pageA.html 中的事件为 window.open('pageB.html')或者href="pageB.html"也行。
(2)我们把要传递的值加到要打开页面的地址后面:window.open('pageB.html?name&code&....')。
其中name、code等就是要传递的值。&是为便于取多个值而加的分隔符,用'-'、'|'等符号也行,下面会在用到的时候说明其作用(不加也行)。
(3)使用 window.location.search()方法获取地址栏要传递的参数。等到"?name&code"。可以把其赋给一个变量:var perimeters = window.location.search;
(4)因为'?'也会被取到所以要用perimeters.substr(1)取到'?'之后的值。
(5)再把取到的值分割成包含一个一个值的数组,用perimeters.substr(1).split('&'),split('&')的作用就是以'&'为标记,把字符串分割成字符串数组。这里面'&'的作用就凸现出来了。
(6)到这里基本上就能得到想要的值了。不过还会遇到一个问题,如果值是字母、数字显示是正常的,可如果传递的值是汉字就会出现乱码。这里就要用到decodeURI()方法来转换一下,就像:
decodeURI(perimeters.substr(1).split('&')[0]);就OK了。
js 不同页面间传递值并取值相关推荐
- html 页间传送数据,js 不同页面间传递值并取值,html不同页面间数据传递
以前没用到过页面间传递参数再从后台获取数据,自己总结了一些. 先说需求:现在有页面pageA.html 和页面pageB.html,页面pageA.html中有一事件,当这个事件触发时会打开页面pag ...
- 使用Cross-Page Postback(跨页面提交)在页面间传递数据
页面间传递数据的几种方法 在页面间传递数据时,我们有以下几种选择: 1.Query String 一个很常见的方法,Query String是URL中问号之后的那一部分.其优点在于它是轻量级的,不会给 ...
- 【java】在jsp的js和css里面使用EL表达式取值|style里面用$取值
众所周知,如果直接在jsp的js或者css语句块里面写${***}取值的话,程序会不识别这玩意,但是,我们有时候确实需要动态取值,比如,js为了获得对象的某一个值,不方便用js的getElementB ...
- ios页面间传递参数四种方式
ios页面间传递参数四种方式 1.使用SharedApplication,定义一个变量来传递. 2.使用文件,或者NSUserdefault来传递 3.通过一个单例的class来传递 4.通过Dele ...
- jsp传递参数java_JSP页面间传递参数方法介绍
JSP页面间传递参数是经常需要使用到的功能,有时还需要多个JSP页面间传递参数.下面介绍一下实现的方法. (1)直接在URL请求后添加 如:< a href="thexuan.jsp? ...
- 微信小程序页面间传递数组对象
在微信小程序中,有时候使用wx.navigateTo()跳转页面时要传递过长的参数或者传递一个数组对象会发现传递不过去 情景再现: 发送端 接收端 输出值 我们可以使用以下方法解决: 在发送端对数据进 ...
- StoryBoard学习(5):使用segue页面间传递数据
StoryBoard学习(5):使用segue页面间传递数据 函数: C代码 - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:( ...
- Maven和Spring mvc下的页面的跳转与取值
(此处tomcat的端口设置为80) 例如:在testForm.jsp里提交表单,在ok.jsp里取值 testForm.jsp页面代码如下: <%@ page contentType=&quo ...
- php session页面传值,PHP session在页面间传递的问题
PHP session在页面间传递的问题: 前提: 使用codeIgniter的框架, 使用PHP自带的session 1. 在纯apache服务器上没有问题 2. 在Nginx的apache模式下, ...
最新文章
- android如何设置软件的版本,假的设置软件-假的设置(型号模拟)下载v2.5 安卓版-西西软件下载...
- C# 委托(Delegate) 事件(Event)应用详解
- “国家科学数据中心”联合专刊即将出版,敬请期待~
- 3.7 SE11创建自建表-外键
- python快速体验课-2020年2月
- 机器学习笔记I: 基于逻辑回归的分类预测
- iphonex价格_正二品:帮你解读IphoneX回收价,为何二手市场iphoneX依旧吃香
- 1、lo4j.properties
- 39. (附加)二叉树是不是平衡二叉树(C++版本)
- lammps教程:如何更清晰观察晶体结构?Ovito渲染技巧介绍
- CC2530 ZIGBEE ZStack 学习笔记——OSAL部分(学习《都教授讲Zigbee》视频时所作的笔记)
- mysql有rollup函数_如何在MySQL ROLLUP函数中替换NULL类别标题?
- 黑客用社会工程学做渗透测试的广泛应用介绍
- 数据分析达到精准营销的路径分析
- Windows上的安全模式
- 动态切换 web 报表中的统计图类型
- 封装HDLC协议实现两个路由器互相通信
- 车厢调度(信息学奥赛一本通 - T1357)
- 柏力纪德:网店开店之后怎么运营
- FLStudio水果最新版本V21支持中文语言
热门文章
- python现在最新的版本-Python 3.8 已发布,现在是切换至新版本的好时机吗?
- 怎么自学python自动化测试-Python实现性能自动化测试竟然如此简单
- python使用什么来表示不同级别的语句块-Python
- python基础常用语句-Python基本语句
- python和c哪个适合入门-Python和C先学哪个好?
- python入门有基础-Python入门必须知道的11个知识点
- python编码规范手册-PEP8 Python 编码规范整理
- python实现:旋转矩阵转换为四元数
- 添加lombok插件
- LeetCode Insert Delete GetRandom O(1)