包机项目源码分析笔记

前端

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的好处是可以简化代码，看起来更加直观

详细资料：

http://www.w3school.com.cn/jquery/jquery_ajax_get_post.asp

md5加密后进行传输

使用jquery.md5.js先将获取到的密码进行加密，然后再进行传输

加密方式如上图所示代码

data:$('#loginform').serialize()

在发送数据的时候，使用$(表单名).serialize()将表单进行序列化传输，真的的传输数据样式为：FirstName=Bill&LastName=Gates。

使用序列化的方便之处在于可以不用拼接JSON字符串，当要添加字段的时候，只需修改HTML页面即可。

当然，完全可是使用JSON字符串来传递数据。