首页 > web前端 > js教程 > jquery url 中文乱码怎么办

jquery url 中文乱码怎么办

藏色散人
发布: 2021-01-28 10:33:45
原创
2449 人浏览过

jquery url中文乱码的解决办法:首先获取url中的参数;然后构造一个含有目标参数的正则表达式对象;接着匹配目标参数;最后返回参数值即可。

jquery url 中文乱码怎么办

本教程操作环境:windows7系统、jquery1.2.6版本,DELL G3电脑。

推荐:jquery视频教程

Jquery获取URL中的参数,解决参数中文乱码的问题。

方法1:

1

2

3

4

5

6

//获取url中的参数

function getUrlParamCN(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象

var r = decodeURI(window.location.search).substr(1).match(reg); //匹配目标参数

if (r != null) return unescape(r[2]); return null; //返回参数值

}

登录后复制

方法2:

一、传递参数页面.html

1

2

3

4

5

6

7

8

9

<script type="text/javascript">

    var name = &#39;abc&#39;;  //字符串英文

    var num = 998;   //数字

    var cla= &#39;电脑&#39;;  //中文

    var _t = encodeURI(encodeURI(cla)); 

    //中文需要进行两次encodeURI转码( encodeURI:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。)

    window.location.href = "../aa.html?name=" + name(字符串) + "&num=num (数字)" + "&cla=_t (中文)";

  

</script>

登录后复制

二、接收参数页面.html

(最终页面地址:../aa.html?name=abc&num=998&cla=%25E7%2594%25B5%25E8%2584%2591)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<script type="text/javascript">

    //获取地址参数

    var _name = getQueryString("name");

    var _num=getQueryString("num");

    var _t = getQueryString("cla"); //此为中文参数,需转码

    var title = decodeURI(_t); //只需要转一次码 

  

    console.log(title);//此处打印出来是中文。

  

  

  

    function getQueryString(name) { 

        //正则表达式,获取地址中的参数

        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 

        var r = window.location.search.substr(1).match(reg); 

  

        if (r != null) return unescape(r[2]); return null;

  

    }

  

</script>

登录后复制

以上是jquery url 中文乱码怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
引入jQuery 文件
来自于 1970-01-01 08:00:00
0
0
0
jquery笔记哪里有下?
来自于 1970-01-01 08:00:00
0
0
0
javascript - vue+webpack怎么引入jquery
来自于 1970-01-01 08:00:00
0
0
0
php+jquery的问题
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板