两个html页面利用url传值及乱码问题的解决

在一个页面准备好数据,拼接到url的后面,利用JavaScript的encodeURI() 函数对url进行编码

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery.1.9.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var urlData = "Hello World!哈喽 世界!";
            $("#clickToB").on('click',function(){
                $("#clickToB").attr("href",encodeURI("testB.html?data="+urlData));
            });
        });
    </script>
    </head>
    <body>
        <a id="clickToB" href="">跳转到B页面</a>
    </body>
</html>

在另一个页面获取数据,然后用JavaScript的decodeURI() 函数,对获取到的数据进行解码,通过这个编码、解码的过程解决中文乱码问题。

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script src="js/jquery.1.9.1.min.js"></script>
    <script>
        $(document).ready(function(){
            var searchUrl = window.location.href;
            var searchData = searchUrl.split("=");
            var urlData = decodeURI(searchData[1]);
            $("#showUrlData").text(urlData);
        });
    </script>
    </head>
    <body>
        <span id="showUrlData"></span>
    </body>
</html>
发布了27 篇原创文章 · 获赞 2 · 访问量 8844

猜你喜欢

转载自blog.csdn.net/qq_26477073/article/details/84635918
今日推荐