ajax实现用户登录注册和退出

第一步:验证用户名

get
guestbook/index.php
m:index
a:verifyUserName
username:要验证的用户名
返回{
code:返回的信息代码 0=没有错误,1=有错误
message: 返回的信息 具体返回的信息
}

第二步:用户注册

post
guestbook/index.php
m:index
a:reg
username:要验证的用户名
password:注册密码
返回{
code:返回的信息代码 0=没有错误,1=有错误
message: 返回的信息 具体返回的信息
}

第三步:用户登录

当登录成功时,调用更新状态函数
post
guestbook/index.php
m:index
a:login
username:要登录的用户名
password:登录密码
返回{
code:返回的信息代码 0=没有错误,1=有错误
message: 返回的信息 具体返回的信息
}

第四步:检验cookie

写一个获取cookie的函数,根据cookie值是否存在来写一个更新用户状态的函数

第五步:用户退出

当用户退出时,调用更新状态函数
post
guestbook/index.php
m:index
a:logout
返回{
code:返回的信息代码 0=没有错误,1=有错误
message: 返回的信息 具体返回的信息
}

window.onload=function()
{

    var oUsername1=document.getElementById('username1');//用户名框(注册)
    var oVerifyUserNameMsg=document.getElementById('verifyUserNameMsg');//验证验证用户名提示框(注册)
    var oPassword1=document.getElementById('password1');//密码框(注册)
    var obtnReg=document.getElementById('btnReg');//提交按钮(注册)


    var oUsername2=document.getElementById('username2');//用户名框(登录)
    var oPassword2=document.getElementById('password2');//密码框(登录)
    var obtnLogin=document.getElementById('btnLogin');//提交按钮(登录)

    var oReg=document.getElementById('reg');//注册框
    var oLogin=document.getElementById('login');//登录框
    var oUser=document.getElementById('user');//退出框
    var oUserinfo=document.getElementById('userinfo');//用户名(退出框)
    var oLogout=document.getElementById('logout');//退出按钮(退出框)

    function getCookie(key){         //获取cookie值
            var arr=document.cookie.split('; ');
            //console.log(arr);
            for(var i=0;i

原文地址:http://blog.csdn.net/kxydoublek/article/details/73555639

你可能感兴趣的:(ajax实现用户登录注册和退出)