利用jQuery获取URL参数并处理中文转码
作者:阿沐时间:2026-10-28 13:31:14浏览:498
本文介绍如何使用jQuery结合正则表达式从URL中提取指定参数。通过构造正则匹配目标参数名,利用window.location.search获取查询字符串,并应用decodeURI函数对包含中文等特殊字符的参数值进行解码,确保在页面中正确显示如图片路径或文本内容。
jQuery获取URL参数与转码原理
在使用jQuery获取URL参数并进行转码处理时,首要步骤是构建一个针对目标参数的正则表达式对象。该正则用于精准匹配URL中的特定参数,从而提取出对应的参数值。
具体实现代码如下:
代码实现与参数提取逻辑
<script type="text/javascript">
$(document).ready(function(){
var pic_url=getUrlParam("picture");
$("#childpic").attr("src",pic_url);
var content=getUrlParam("content");
$("#content").html("<b>"+content+"</b>");
});
function getUrlParam(name){
//构造一个含有目标参数的正则表达式对象
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
//匹配目标参数
var r = window.location.search.substr(1).match(reg);
//alert(r);
//返回参数值
if (r!=null) return decodeURI(r[2]);
return null;
}
</script>
测试使用的URL示例为:http://xxxx.html?picture="XXXX"&content="你好!"
作者最新文章
为什么叫JavaScript:语言命名由来及与Java的历史渊源
2026-11-05 11:37:48
JS获取当前时间年月日时分秒并格式化为YYYY-MM-DD HH:mm:ss
2026-11-04 21:25:21
不同语言间JS与Java/Python加密结果不一致怎么办
2026-11-04 18:27:23
Mock.js 拦截 Axios 和 Fetch 请求的原理与配置方法
2026-11-04 08:13:59
JS怎么获取当前日期并格式化为YYYY-MM-DD
2026-11-03 18:47:03
