node.js+express+jade系列五：ajax登錄

本文通過jquery實現簡單的無刷新登錄

1：首先要在router中配置登錄請求，因為登錄需要傳user和pwd考慮到安全需用post請求

    {
        path:'/',
        method :'post',
        handler:user.login
    }

2：index.jade需要引用jquery-1.7.1.min文件

    script(type="text/javascript", src="/javascripts/jquery-1.7.1.min.js")

    上篇文章中已經寫好登錄見面，登錄按鈕方法為loginClick()，下面來寫登錄方法

     此處又用到了cookie保證客戶端判斷是否登錄，cookie就不在介紹。　

      script(type="text/javascript").

        //登錄
        function loginClick(){
            var user = $("#username").val();
            $.post("/", {"user": user}, function(data, status){
                data = $.parseJSON(data);
                if(status){
                    if(data.login){
                        $("#login_success").show().html("welcom " + user);
                        $("#login_fm").hide();
                        setCookie("user", user);
                    }else{
                        alert("用戶名或密碼錯誤！");
                    }
                }else{
                    alert("登錄失敗！");
                }
            });
        }

        $.post()；jquery的post請求方式

        后端node處理方法如下

        exports.login = function(req, res){
           var data = tool.handlePostArg(req, res);
           req.session.name = data.user;
           res.write('{ "login": true }', "utf-8");
           res.end();
        };

        此時登錄的post請求處理完成

        在瀏覽器中輸入http://localhost:50022/

        點擊 登錄 按鈕，完成登錄