美文网首页让前端飞Web前端之路前端开发
js获取url中的参数(解决中文乱码问题)

js获取url中的参数(解决中文乱码问题)

作者: 李佳明先生 | 来源:发表于2019-03-09 14:27 被阅读8次
function getQueryStringChinese(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURI(r[2]);
            return null;
        }

解读:

造成中文乱码的原因,当我们在url后边拼接中文参数时,例如:今天真好,
对应的链接即时 http://....list?search=%E4%BB%8A%E5%A4%A9%E7%9C%9F%E5%A5%BD,当然,现在=号后边是看不懂的,但这并不是乱码,而是一种编码格式,即escape格式(的)字符串,为了证实真实性,我们先对中文进行编码,例:

<script>
    console.log(encodeURI('今天真好'));//%E4%BB%8A%E5%A4%A9%E7%9C%9F%E5%A5%BD
</script>

可以证实两个字符串是一模一样的。
有编码,既有对应的解码,decodeURI

console.log(decodeURI(encodeURI('今天真好')));//今天真好
其实看似‘乱码’的本质就是我们传中文参数时,浏览器自动将参数进行了编码,而一般情况下我们又没有进行对应的解码,才会出现这种情况。

相关文章

网友评论

    本文标题:js获取url中的参数(解决中文乱码问题)

    本文链接:https://www.haomeiwen.com/subject/fbmspqtx.html