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

最新推荐文章于 2021-07-07 11:18:07 发布

橙小兔

最新推荐文章于 2021-07-07 11:18:07 发布

阅读量809

点赞数

本文链接：https://blog.csdn.net/qq_26477073/article/details/84635918

版权

在一个页面准备好数据，拼接到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>

橙小兔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
两个html页面利用url传值及乱码问题的解决

在一个页面准备好数据，拼接到url的后面，利用JavaScript的encodeURI() 函数对url进行编码&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;script s
复制链接

扫一扫