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 相关文章推荐
jquery下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
jquery中ajax调用json数据的使用说明
Mar 17 Javascript
jQuery实现动画效果的实例代码
May 07 Javascript
详解javascript函数的参数
Nov 10 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
JS+HTML5实现图片在线预览功能
Jul 22 Javascript
js 两数组去除重复数值的实例
Dec 06 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 Javascript
详解vue实现坐标拾取器功能示例
Nov 18 Vue.js
如何用JS实现网页瀑布流布局
Apr 24 Javascript
JS开发前端团队展示控制器来为成员引流
Aug 14 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类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
学习PHP session的传递方式
2016/06/15 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
利用switch语句进行多选一判断的实例代码
2016/11/14 PHP
asp.net HttpHandler实现图片防盗链
2009/11/09 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
教你用jquery实现iframe自适应高度
2014/06/11 Javascript
浅析Node在构建超媒体API中的作用
2014/07/30 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
2017/05/24 Javascript
Angular中的$watch、$watchGroup、$watchCollection
2017/06/25 Javascript
JavaScript变量作用域_动力节点Java学院整理
2017/06/27 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
微信小程序中this.data与this.setData的区别详解
2018/09/17 Javascript
jQuery动态操作表单示例【基于table表格】
2018/12/06 jQuery
JavaScript实现的九种排序算法
2019/03/04 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
Python实现字符串格式化输出的方法详解
2017/09/20 Python
python解析html提取数据,并生成word文档实例解析
2018/01/22 Python
Python实现的简单计算器功能详解
2018/08/25 Python
python3实现名片管理系统
2020/11/29 Python
python递归法解决棋盘分割问题
2019/07/17 Python
python绘图模块matplotlib示例详解
2019/07/26 Python
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
Lookfantastic法国官网:英国知名美妆购物网站
2017/10/28 全球购物
集世界奢侈品和设计师品牌的意大利精品买手店:Tessabit
2019/08/17 全球购物
写自荐信三大法宝
2014/01/24 职场文书
挂职自我鉴定
2014/02/26 职场文书
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS