1. 程式人生 > >使用js對form表單base64加密

使用js對form表單base64加密

func query jquer word amp replace javascrip pri urn

利用js可以對前臺數據加密,以防止被惡意獲取,以下代碼,用base64對數據進行加密,可以在後臺進行解密。

引入的js

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.base64.js"></script>

  

html中的數據

 姓名:<input type="text" id="name"  ><br/>
 密碼:<input type="password"
id="password" ><br/> <button onclick="submitData()">提交</button>

js處理

<script>
    function submitData(){
        
        var obj = new Object();
        obj.name = $(‘#name‘).val();
        obj.password= $(‘#password‘).val();
        
        //轉換為json之後加密
        var str = $.base64.encode(JSON.stringify(obj));


        $.post(
"你的url地址", { data: str }, function(data){ console.log(data); }); } //擴展base64,支持中文 jQuery.base64 = (function($) { // private property var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
// private method for UTF-8 encoding function utf8Encode(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; } function encode(input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = utf8Encode(input); while (i < input.length) { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { enc4 = 64; } output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) + keyStr.charAt(enc3) + keyStr.charAt(enc4); } return output; } return { encode: function (str) { return encode(str); } }; }(jQuery)); </script>

使用js對form表單base64加密