ajax登录

来源：互联网发布：高中数学算法大纲编辑：程序博客网时间：2024/05/16 07:09

本文通过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/
        点击登录按钮，完成登录

0 0