前端

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字符串来传递数据。