前端
1.login.jsp页面
function
ajaxclick() {
var
$password
=
$(
"
#password
"
);
var
pwdMd5
=
$.md5($password.val()); $password.val(pwdMd5); $.ajax({ cache:
true
, type:
"
POST
"
, url:
"
login.ajax
"
, data:$(
'
#loginform
'
).serialize(),
//
你的formid
async:
false
, error:
function
(request) { alert(
"
Connection error
"
); called
=
false
; }, success:
function
(data) {
var
retJSON
=
JSON.parse(data);
if
(retJSON.permission
==
"
1
"
) { window.location.href
=
'
main/index
'
; }
else
{ $(
'
#message
'
).html(
"
用户名或者密码不正确!
"
); called
=
false
; } } }); }
$.ajax()
在此代码中$.ajax()方法可以使用jQuery的$.post() ($.get())替代
使用JQ的好处是可以简化代码,看起来更加直观
详细资料:
md5加密后进行传输
使用jquery.md5.js先将获取到的密码进行加密,然后再进行传输
加密方式如上图所示代码
data:$('#loginform').serialize()
在发送数据的时候,使用$(表单名).serialize()将表单进行序列化传输,真的的传输数据样式为:FirstName=Bill&LastName=Gates。
使用序列化的方便之处在于可以不用拼接JSON字符串,当要添加字段的时候,只需修改HTML页面即可。
当然,完全可是使用JSON字符串来传递数据。