jquery获取URL中参数解决中文乱码问题的两种方法


Posted in Javascript onDecember 18, 2013

从A页面通过url传参到B页面时,解析url参数可以用下面两种方法:
方法一:正则分析法

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

这样调用:
alert(GetQueryString("参数名1")); 
alert(GetQueryString("参数名2")); 
alert(GetQueryString("参数名3"));

方法二:
<span style="font-size: 16px;"><Script language="javascript"> 
function GetRequest() { 
var url = location.search; //获取url中"?"符后的字串 
var theRequest = new Object(); 
if (url.indexOf("?") != -1) { 
var str = url.substr(1); 
strs = str.split("&"); 
for(var i = 0; i < strs.length; i ++) { 
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
} 
} 
return theRequest; 
} 
</Script></span>

这样调用:
<Script language="javascript"> 
var Request = new Object(); 
Request = GetRequest(); 
var 参数1,参数2,参数3,参数N; 
参数1 = Request['参数1']; 
参数2 = Request['参数2']; 
参数3 = Request['参数3']; 
参数N = Request['参数N']; 
</Script>

如果参数中含有中文字符,注意转编码和解码:
<span style="font-size:18px;">1.传参页面 
Javascript代码:<script type=”text/javascript”> 
function send(){ 
var url = "test01.html"; 
var userName = $("#userName").html(); 
window.open(encodeURI(url + "?userName=" + userName)); } 
</script> 
2. 接收参数页面:test02.html 
<script> 
var urlinfo = window.location.href;//获取url 
var userName = urlinfo.split(“?”)[1].split(“=”)[1];//拆分url得到”=”后面的参数 
$(“#userName”).html(decodeURI(userName)); 
</script></span>
Javascript 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
javascript日期格式化示例分享
Mar 05 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
jquery实现简单实用的打分程序实例
Jul 23 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
Nov 04 Javascript
原生js代码实现图片放大境效果
Oct 30 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
Dec 08 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
JavaScript实现随机五位数验证码
Sep 27 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
javascript中打印当前的时间实现思路及代码
Dec 18 #Javascript
js 限制input只能输入数字、字母和汉字等等
Dec 18 #Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 #Javascript
jquery 提示信息显示后自动消失的具体实现
Dec 18 #Javascript
javascript中数组的concat()方法使用介绍
Dec 18 #Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 #Javascript
javascript中数组的冒泡排序使用示例
Dec 18 #Javascript
You might like
php 冒泡排序 交换排序法
2011/05/10 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
解决Laravel自定义类引入和命名空间的问题
2019/10/15 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
jQuery 动画基础教程
2008/12/25 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
2010/08/01 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
2017/06/23 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
vue的mixins属性详解
2018/03/14 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
python实现键盘输入的实操方法
2019/07/16 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
Python paramiko使用方法代码汇总
2020/11/20 Python
介绍一下Java的事务处理
2012/12/07 面试题
表彰先进集体通报
2014/01/12 职场文书
食品行业求职人的自我评价
2014/01/19 职场文书
运动会解说词200字
2014/02/06 职场文书
给校长的建议书
2014/03/12 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
邀请函模板
2015/02/02 职场文书
新郎结婚保证书
2015/02/26 职场文书
创业计划书之香辣虾火锅
2019/09/23 职场文书
励志语录:时光飞逝,请学会珍惜所有的人和事
2020/01/16 职场文书
Python实现拼音转换
2021/06/07 Python
python中pycryto实现数据加密
2022/04/29 Python