js获取url中的中文参数出现乱码解决

js获取url中的中文参数出现乱码解决

在项目开发中,我们有时往往需要向地址栏传递参数,有时也需要获取地址栏里的参数,今天分享下关于地址栏传递的中文参数,获取出现乱码的解决方法。

代码如下:

/**
 * 取地址栏的参数
 * 
 * @param key 
 * key为传递的参数名称 例如 http://localhost/test/test.html?p=广东&c=珠海,key就是p和c
 *
 * @returns
 */
function getUrlParam(key){
    // 获取参数
    var url = window.location.search;
    // 正则筛选地址栏
    var reg = new RegExp("(^|&)"+ key +"=([^&]*)(&|$)");
    // 匹配目标参数
    var result = url.substr(1).match(reg);
    //返回参数值
    return result ? decodeURIComponent(result[2]) : null;
}

注意
window.search 取到的是一串带参数的字符串,如:?p=广东&c=珠海

使用

我们需要获取地址栏参数的时候,可以直接调用方法getUrlParam(key) 就可以了,并且很好的解决了中文参数的乱码问题。

测试结果:

// 控制台打印参数 p
console.log(getUrlParam('p')); // 结果为 广东
// 控制台打印参数 c
console.log(getUrlParam('c')); // 结果为 珠海

以上就是我在项目当中解决获取地址栏传递过来的参数乱码问题的方法,希望通过分享可以帮助到一些小伙伴。

咳咳,还是那句话

还是要不断学习,因为你还很年轻

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值