利用jQuery获取URL参数并处理中文转码

作者:阿沐

时间:2026-10-28

浏览:497

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章