本文介绍如何使用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="你好!"