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 相关文章推荐
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
百度移动版的url编码解码示例
Apr 29 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
jQuery的animate函数实现图文切换动画效果
May 03 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
解决layUI的页面显示不全的问题
Sep 20 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 Javascript
Jquery Fade用法详解
Nov 06 jQuery
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 递归效率分析
2009/11/24 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
一个javascript图片阅览组件
2010/11/09 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
js向上无缝滚动,网站公告效果 具体代码
2013/11/18 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
轻松实现js弹框显示选项
2016/09/13 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
Python字符串拼接的几种方法整理
2017/08/02 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
Python3 元组tuple入门基础
2020/02/09 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
python基于Kivy写一个图形桌面时钟程序
2021/01/28 Python
关于解决iframe标签嵌套问题的解决方法
2020/03/04 HTML / CSS
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
"序列点" 是什么
2016/07/29 面试题
经典婚礼主持开场白
2014/03/13 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
《自己的花是让别人看的》教学反思
2016/02/19 职场文书
Python Pandas常用函数方法总结
2021/06/15 Python
Python pyecharts绘制条形图详解
2022/04/02 Python
分享一个vue实现的记事本功能案例
2022/04/11 Vue.js