Rumah  >  Artikel  >  hujung hadapan web  >  jquery url 中文乱码怎么办

jquery url 中文乱码怎么办

藏色散人
藏色散人asal
2021-01-28 10:33:452264semak imbas

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

jquery url 中文乱码怎么办

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

推荐:jquery视频教程

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

方法1:

//获取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

<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)

<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>

Atas ialah kandungan terperinci jquery url 中文乱码怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:安装react脚手架会报错怎么办Artikel seterusnya:react生命周期介绍