首頁  >  文章  >  web前端  >  如何解決javascript get 亂碼問題

如何解決javascript get 亂碼問題

藏色散人
藏色散人原創
2021-07-01 14:35:093224瀏覽

javascript get亂碼的解決方法:1、使用decodeURIComponent()方法解決亂碼;2、透過正規匹配方式解決亂碼。

如何解決javascript get 亂碼問題

本文操作環境:windows7系統、javascript1.8.5版,DELL G3電腦

如何解決javascript get 亂碼問題?

js get方式傳參解決中文亂碼問題

方案一、JS截取網址列URL參數

以下兩種方法解決亂碼主要是使用decodeURIComponent()方法,

對截取到的值再次進行轉碼

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    return (false);
}
let value=getQueryVariable(&#39;name&#39;);
console.log(value);
//此函数若想解决乱码问题需要使用decodeURIComponent()方法再次处理下
let value = getQueryVariable(&#39;name&#39;);
value = decodeURIComponent(value);
console.log(value);

方案二、取得get請求參數(解決中文亂碼)

//采用正则匹配方式
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]);
    return "";
};

推薦學習:《javascript進階教學

以上是如何解決javascript get 亂碼問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn