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 相关文章推荐
javascript parseInt与Number函数的区别
Jan 21 Javascript
什么是cookie?js手动创建和存储cookie
May 27 Javascript
jquery图片切换实例分析
Apr 15 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
用js实现before和after伪类的样式修改的示例代码
Sep 07 Javascript
angular实现页面打印局部功能的思考与方法
Apr 13 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 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
NT IIS下用ODBC连接数据库
2006/10/09 PHP
优化PHP程序的方法小结
2012/02/23 PHP
PHP让网站移动访问更加友好方法
2019/02/14 PHP
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
2012/10/11 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
JS 按钮点击触发(兼容IE、火狐)
2013/08/07 Javascript
文本框只能选择数据到文本框禁止手动输入
2013/11/22 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
Javascript中Array用法实例分析
2015/06/13 Javascript
搞定immutable.js详细说明
2016/05/02 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
2019/11/15 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
2020/08/13 Javascript
用python删除java文件头上版权信息的方法
2014/07/31 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
Python爬虫设置代理IP的方法(爬虫技巧)
2018/03/04 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
几个Linux面试题笔试题
2012/12/01 面试题
活动志愿者自荐信
2014/01/27 职场文书
研发工程师岗位职责
2014/04/28 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
大学生见习总结报告
2015/06/24 职场文书
环境卫生标语
2015/08/03 职场文书
交通安全主题班会
2015/08/12 职场文书
小学美术教学反思
2016/02/17 职场文书
nginx设置资源请求目录的方式详解
2022/05/30 Servers