Javascript URL解码,编码,解决中文乱码

2020-02-10 - JavaScript

您可以使用此Javascript编码/解码url参数。脚本与UTF-8编码完全兼容。当您想使用AJAX技术传输数据或进行涉及URL参数操纵的其他操作时,此功能很有用。

如果您计划在项目中使用UTF-8编码,请不要忘记将页面编码设置为UTF-8(Content-Type元标记)。

源码

/**
*
*  URL 编码 / 解码
*
**/

var Url = {

    // public method for url encoding
    encode : function (string) {
        return escape(this._utf8_encode(string));
    },

    // public method for url decoding
    decode : function (string) {
        return this._utf8_decode(unescape(string));
    },

    // private method for UTF-8 encoding
    _utf8_encode : function (string) {
        string = string.replace(/\r\n/g,"\n");
        var utftext = "";

        for (var n = 0; n < string.length; n++) {

            var c = string.charCodeAt(n);

            if (c < 128) {
                utftext += String.fromCharCode(c);
            }
            else if((c > 127) && (c < 2048)) {
                utftext += String.fromCharCode((c >> 6) | 192);
                utftext += String.fromCharCode((c & 63) | 128);
            }
            else {
                utftext += String.fromCharCode((c >> 12) | 224);
                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                utftext += String.fromCharCode((c & 63) | 128);
            }

        }

        return utftext;
    },

    // private method for UTF-8 decoding
    _utf8_decode : function (utftext) {
        var string = "";
        var i = 0;
        var c = c1 = c2 = 0;

        while ( i < utftext.length ) {

            c = utftext.charCodeAt(i);

            if (c < 128) {
                string += String.fromCharCode(c);
                i++;
            }
            else if((c > 191) && (c < 224)) {
                c2 = utftext.charCodeAt(i+1);
                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                i += 2;
            }
            else {
                c2 = utftext.charCodeAt(i+1);
                c3 = utftext.charCodeAt(i+2);
                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                i += 3;
            }

        }

        return string;
    }

}

- END -

17
0

$.Ajax 详解

$.Ajax 详解

$.ajax()方法详解jquery中的ajax方法参数总是记不住,这里记录一下。1.url:要求为String类型的参数,(默认为当前页地 ...

$.load 函数的妙用

$.load 函数的妙用

Bootstrap3.dialog插件中有这样一个类似代码:message:$('<div></div>').load('remote.html'),开始想都没想, ...

JavaScript 打开弹出窗口

JavaScript 打开弹出窗口

Javascript弹出窗口脚本有时对于将弹出窗口添加到页面很有用。当用户单击链接时,将打开一个新窗口并显示一个 ...

禁用选择,复制,拷贝

禁用选择,复制,拷贝

$(window).bind("contextmenu",function(e){returnfalse;});$(window).bind('selectstart',function(event){returnfalse;});$(window).bind(& ...

js前端判断radio是否选中的两种方法

js前端判断radio是否选中的两种方法

在项目开发过程中经常使用radio,那么我们如何判断radio是否选中呢?<inputtype="radio"value="#00CC00"nam ...

Javascript 文件加载

Javascript 文件加载

当您只想在加载某一个javascript文件时才加载外部javascript文件时,此对象很有用。这样,您将形成某种可链接的java ...