网页抓取 加密html(web开发中有时实现一个简单的加密登录demo，例子)

　　网页抓取 加密html(web开发中有时实现一个简单的加密登录demo，例子)

　　在web开发中，有时需要在客户端对一些用户信息进行加密并提交，然后在web后端进行验证，这样可以提高页面传输过程的安全性。这个例子实现了一个简单的加密登录演示。示例仅用于演示，实际使用中可根据实际需求进行修改。

　　1、实现要点

　　1、在表单中添加隐藏输入，提交加密密文；

　　2、在form的submit方法中对输入的明文密码进行加密，设置为隐藏输入。使用md5.js实现加密，文件可自行百度；

　　3、 在表单的submit方法中使用ajaxSubmit提交表单；

　　本示例用于演示。提交时，将同时提交明文密码和密文密码。在实际使用中，可以将明文输入框改为不提交或者放在表单之外。

　　2、代码

用户登录

$(document).ready(function() {

var url="manage/updater.shtml";

var baseRef = window.location.href;

var aa = baseRef.indexOf("=");

if(0 < aa) {

url=baseRef.substring(aa+1);

}

//ajax submit.

$("#formLogin").submit(function() {

var tmp = hex_md5($("#password").val());

$("#txt_passwd").val(tmp);

$(this).ajaxSubmit({

success: function(data) { // data 保存提交后返回的数据，一般为 json 数据

var obj = eval("("+data+")");

if(obj.result=="ok") {

window.location.assign(url);

}

else {

$.noty.consumeAlert({layout: &#39;top&#39;, type: &#39;error&#39;, dismissQueue: true,timeout:2000});

alert("登录失败,请重试!");

}

}

});

return false;

});

});

用户登录

　　3、 运行效果

　　后端返回经过身份验证的 json 字符串。如果客户端通过身份验证，则会重定向到一个新页面，该页面通过地址栏参数传入，如果不是，则使用预先确定的默认值。失败时会弹出noty提示框（如上图）。